Question

如果表单无效，我正在尝试验证表单并向提交按钮提供一个类。默认情况下，jQuery validate只会为除提交按钮之外的所有输入提供.error类。如果表单不是valide，是否可以向我的提交按钮（#submit）添加错误类？如果表单是valide，请删除该类？

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

P.S该类也可以附加到表单#sub元素，如果它更容易。

Answer 1

你应该可以做这样的事情（来自documentation）：

<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"); } });

希望这会有所帮助!!

jQuery验证提交按钮类

2 个答案: