検索（）はそれぞれ（）私はこのフォームを持っているもの

Question

を見つけない：

<form method="post" action="#" data-action="ajax.php?method=create" class="form-horizontal" role="form"> 
    <div class="form-group"> 
     <label class="col-md-2 control-label">Name</label> 
     <div class="col-md-8"> 
      <input name="name" type="text" value="" class="form-control" required> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label class="col-md-2 control-label">Location</label> 
     <div class="col-md-8"> 
      <input name="location" type="text" value="" class="form-control" required> 
     </div> 
    </div> 
</form> 

私は、このフォームにいくつかの基本的な検証を実行します。しかし、私のfind（）。each（）コードはまったく動作しません。ここで

はそのコードです：

$(document).on('submit', '[data-action]', function (event) { 
    event.preventDefault(); 

    var form = $(this); 

    // ensure required fields are filled in 
    form.find('[required]').each(function() { 
     alert('required field found'); 
    }); 
}); 

形がはっきりと2つの必要な入力を持っているにもかかわらず、私はすべてのアラートを取得しておりません。

どうしてですか？

Answer 1

のchromeへのリンクです。私のフォームにnovalidateを追加すると問題が解決しました。

Answer 2

フォームタグ内に送信ボタンを追加する必要があります。それが終わったら、あなたのJQueryが動作します。ここで

は Fiddle Demo

HTML

<form method="post" action="#" data-action="ajax.php?method=create" class="form-horizontal" role="form"> 
    <div class="form-group"> 
    <label class="col-md-2 control-label">Name</label> 
    <div class="col-md-8"> 
     <input name="name" type="text" value="" class="form-control" required> 
    </div> 
    </div> 
    <div class="form-group"> 
    <label class="col-md-2 control-label">Location</label> 
    <div class="col-md-8"> 
     <input name="location" type="text" value="" class="form-control" required> 
    </div> 
    </div> 
    <input type="submit" value="submit"> 
</form> 

jQueryの組み込みのブラウザの検証が実行されるから、私のコードを停止した

$(document).on('submit', '[data-action]', function (event) { 
    event.preventDefault(); 
    var form = $(this); 
    console.log($(this)); 

    // ensure required fields are filled in 
    form.find('[required]').each(function() { 
    console.log('required field found'); 
    }); 
});