jQuery验证提交按钮类

我想验证表单，并提交一个提交按钮的类如果窗体无效。默认jQuery validate只会给.error类提供除提交按钮之外的所有输入。如果form不是valide，可以将错误类添加到我的提交按钮（#submit）中？并且如果形式是好的，就移除这个类？jQuery验证提交按钮类

我的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类也可以连接到形成＃子元素，如果是比较容易。

来源

2012-10-17 iKaspars

您应该查看插件文档，了解如何在验证表单后获取当前状态。如果它没有验证，手动添加'.error'类到按钮：'$（'#sub [type =“submit”]'）.addClass（'error'）;'' – feeela

你应该能够做这样的事情（从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>

来源

2012-10-17 18:26:02 h2ooooooo

有两种方法时，形式是有效还是无效invalidHandler和submitHandler其处理。

你可以把jQuery代码添加或删除它们中的提交按钮的错误类。

例子：

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

希望这将帮助！

来源

2012-10-17 18:30:28

jQuery验证提交按钮类

回答

相关问题