javascript - JavaScript でのフォーム検証が機能しない可能性があります

Question

送信前にフォームを検証することになっているこのフォームに取り組んでいます

$(document).ready(function() {
    $("#form3").validate();
    if ($('#form3').valid()) $('#form3').submit();
});

しかし、問題は、フォームがロードされたときに (空フィールドエラー) を出力することです。

---

更新: 関数は次のコードで Horraaay :) 動作するようになりました:

      <script>
      $(document).ready(function(){
      $("#form3").validate();
     });
     </script>

唯一の問題は入力フォームの名前でした..入力フォームの名前として「送信」を使用しましたが、以前は別の名前でした。

Answer 1

コードをフォーム送信イベントに配置します。このようなもの：

$(document).ready(function()
{
    $("#form3").validate();
    $("#form3").submit(function(event)    
    {
        if (!$(this).valid()) 
        {
            event.preventDefault();
        }
    });
});

Answer 2

デフォルトでは、検証が成功するとフォームが送信されると思います。しかし、フォームを再送信する必要がある理由がわかりません。

手動で送信する必要がある場合は、SubmitHandler プレースを使用してフォームを送信できます。

$("#form3").validate({
   submitHandler: function(form) {       
     form.submit();
   }
});

Answer 3

私は問題を解決し、動作するようになりました...これは小さなエラーです!

送信ボタンの名前とIDを(送信)に変更しました。