JQuery - 表单验证 - Onblur

Question

好的,我有一个jquery验证的表单,但我想更进一步.它使用插件验证,但仅在提交时验证.我想知道是否有办法让它验证模糊,所以一个人不必等到他们点击提交知道他们是否有错误.

我下载了这个插件:

http://docs.jquery.com/Plugins/Validation

我在页面顶部包含了js插件文件,并在其下面有js:

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

提交表单时,验证工作正常.我只是想知道我需要添加什么才能在模糊时验证每个字段.

如果您需要查看js文件,可以查看它或在此处下载

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

此外,在页面底部的链接有一堆评论.其中一些评论引用设置模糊我只是不明白如何做到这一点.感谢您的任何帮助.

Answer 1

我能看到的最好方法是$.validate.element(selector)在blur事件中使用您希望此行为的每个元素:

var v = $('#formid').validate();

然后设置模糊事件:

$('#firstName').blur(function(){
   v.element('#firstName'); 
});

在这里看到它:http://jsfiddle.net/ryleyb/brUVZ/

Answer 2

<script>
  $(document).ready(function(){
    $("#formid input, #formid select, #formid textarea").blur(function() { $('#formid').validate(); });
  });
</script>