0

フォームを検証し、フォームが有効でない場合は送信ボタンにクラスを与えようとしています。デフォルトでは、 jQueryvalidate.errorは送信ボタンを除くすべての入力にクラスを提供します。#submitフォームが有効でない場合、送信ボタン（）にエラークラスを追加することはできますか？フォームが有効な場合はクラスを削除しますか？

私のhtml：

<form id="sub" action="index.html"  method="post">
    <input class="required" name="email" placeholder="Your mail here" type="text">
    <input id="submit" name="submit" value="SEND" type="submit">
</form>

JS：

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

</script>

PS簡単な場合は、クラスをform＃sub要素にアタッチすることもできます。

4

2 に答える 2

0

次のようなことができるはずです（ドキュメントから）：

<script>
    $(document).ready(function(){
        $("#sub").validate({
            submitHandler: function(form) {
                $(form).find("input:submit").removeClass("error");
                form.submit();
            },
            invalidHandler: function(form) {
                $(form).find("input:submit").addClass("error");
            }
        });
    });
</script>
于 2012-10-17T18:26:02.460 に答える
0

フォームが有効かどうかを処理するメソッドには、invalidHandler と submitHandler の 2 つがあります。

jQueryコードを配置して、送信ボタンのエラークラスを追加または削除できます。

例：

$("#sub").validate({
   invalidHandler: function(){
      $("#sub input:submit").addClass("error");
   },
   submitHandler: function(){
      $("#sub input:submit").removeClass("error");
   }
});

これが役立つことを願っています!!

于 2012-10-17T18:30:28.780 に答える