jquery - jQuery验证提交按钮类

Question

如果表单无效，我正在尝试验证表单并为提交按钮提供一个类。默认情况下， jQuery validate只会为.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 元素。

Answer 1

您应该能够执行以下操作（来自文档）：

<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>

Answer 2

当表单有效或无效时有两种处理方法 invalidHandler 和 submitHandler 。

您可以在其中的提交按钮上放置 jQuery 代码来添加或删除错误类。

例子：

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

希望这会有所帮助！