单击重置按钮时不会清除错误消息

时间:2011-06-27 07:32:56

标签: jquery validation reset

我正在使用jquery.validate.js文件来验证输入表单,它运行正常,我的问题是在单击表单中的重置按钮时没有清除错误消息。

如何清除表格?

这是代码

 <script type="text/javascript" src="js/jquery.js"></script>

 <script type="text/javascript" src="js/jquery.validate.js"></script>


  javascript function

      $(document).ready(function(){        

        $("#demo-form").validate({    
          rules: {
            name: "required",
            address: "required",
       }

HTML代码

<div><input type="text" id="name" name="name" /></div>

<div><input type="text" id="address" name="address" /></div>

<div> <input type="submit" id="submit" value="Validate!" />
      <input type="reset" id="reset" value="Reset" />   

2 个答案:

答案 0 :(得分:2)

基本上,当您单击重置按钮时。它将负责清除字段,而不是标签。通常,jquery验证插件,将其验证消息保留在标签中。因此,为了清除它们,请使用

$('label.error').remove();

点击重置按钮调用此项 需要的地方。

答案 1 :(得分:0)

当您按下重置按钮

时,尝试通过调用错误DIV上的CSS hide属性来隐藏它们