jquery - 特定の形式を参照してください

Question

私は私のページにの番号があります。

私のコードでは、具体的にサブフィールドformのフィールドのみを参照しますか？

     <form class="modal-content" action="#"> 
          <div class="modal-body"> 

           <div id="email-group" class="form-group"> 
            <label for="email">EMAIL</label> 
            <input type="text" class="form-control" name="email"> 
            <div class="help-block"></div> 
            <!-- errors will go here --> 
           </div> 
          </div> 
          <div class="modal-footer"> 
           <button type="button" class="btn btn-default" data-dismiss="modal">CLOSE</button> 
           <button class="btn btn-success submit">SEND<span class="fa fa-arrow-left"></span></button> 
          </div> 
         </form> 


$(document).on('submit','form',function(e) { 
    e.preventDefault(); 

    var formData = { 
     'email'    : $('input[name=email]').val(), 
     'password'   : $('input[name=password]').val(), 
     'captcha'   : $('input[name=captcha]').val() 
    }; 

Answer 1

あなたは$(this)として送信されたフォームのインスタンスを取得し、送信されたフォーム内のフィールドを取得するためにfind()を使用することができます。あなたのform IDのそれぞれを与えるとidによってそれを選択し、選択しformの特定の値を選択するためにthisを使用してコード

$(document).on('submit','form',function(e) { 
    e.preventDefault(); 

    var formData = { 
     'email'    : $(this).find('input[name=email]').val(), 
     'password'   : $(this).find('input[name=password]').val(), 
     'captcha'   : $(this).find('input[name=captcha]').val() 
    }; 
}); 

Answer 2

あなたはjqueryの中でそれを行うことができます。

$('#your_ID_form input[name=email]').val(); 

Answer 3

の下を参照してください。

findを使用して（壮大な）子要素を探します。

<form id="form1" class="modal-content" action="#"> 
... 
</form> 

$(document).on('submit','#form1',function(e) { 
    e.preventDefault(); 

    var formData = { 
     'email'    : $(this).find('input[name=email]').val(), 
     'password'   : $(this).find('input[name=password]').val(), 
     'captcha'   : $(this).find('input[name=captcha]').val() 
    }; 

Answer 4

あなたはserializeArray使用するか、単にserializeことがあります。

$(document).on('submit','form',function(e) { 
     e.preventDefault(); 
     var formData = $(this).serializeArray(); 
     // if you need a json format: 
     var jsonFormData = JSON.stringify(formData); 
    });