Показать сводку значений элементов формы перед отправкой

Использование jquery formtowizard.js с помощью ajax submit. Я хочу, чтобы последний шаг формы отображал сводку всех полей формы, которые были заполнены. Я могу заставить его работать в изолированных тестовых случаях, но не в полном объеме. ФормаПоказать сводку значений элементов формы перед отправкой

<form id="Commission" method="post" action="PHP/CommissionsSubmit.php"> 
    <fieldset id="Initial"> 
     <legend>Enter Your Information</legend> 
     <ul> 
      <li> 
       <label for="FName">First Name*</label><input type="text" name="FName" id="FName"> 
      </li> 
     //repeat many li's 
     </ul> 
    </fieldset> 
    <fieldset> 
    <legend>Second Step</legend> 
    //more li's 
    </fieldset> 
    <fieldset> 
    <legend>Confirmation</legend> 
    <span id="CFName"></span> 
    </fieldset> 
</form>

JQuery, чтобы получить значение «#CFName»

$('#FName').keyup(function() { 
    $('#CFName').val($(this).val()); 
});

Я не могу получить значение, чтобы появиться в пролете «#CFName» ... Может ли это иметь дело с «сериализовать» функцию или что-нибудь, что происходит с моей функцией $ ajax submit? его происшествие перед подачей ... Пожалуйста, помогите!

Я извиняюсь, но я пошел туда и обратно "#CFName" быть пролетом и вход, используя .val и .html соответственно

источник

2012-06-01 Dirty Bird Design

Try: $('#CFName').text($(this).val());

В .val() в основном используется для получения значений элементов формы , таких как ввод, выбор и текстовое поле.

Вы должны использовать .text() иначе

источник

2012-06-01 04:35:28 barro32

не пробовал .text - усталым и игнорировать его в пользу .val и .html, спасибо! –

.text должен работать так же, как .html, в большинстве случаев, поэтому, если вы пробовали .html, и он не работал, то .val, вероятно, не является реальной проблемой. – barro32

Вы попробовали ответить loganphp? Его jsfiddle, похоже, работает очень хорошо. – barro32

Попробуйте этот код

$("#FName").keyup(function(){ 
       $('#CFName').html($('#Commission').serialize()); 
    });

Demo: http://jsfiddle.net/KG7cN/

источник

2012-06-01 04:39:17 LoganPHP

будет работать с несколькими экземплярами? –

Вы имеете в виду несколько элементов формы? – LoganPHP

Да, тот же принцип, выполненный в нескольких экземплярах –

Показать сводку значений элементов формы перед отправкой

ответ

Смежные вопросы