javascript - JQuery - 表单验证 - Onblur

Question

好的，我有一个可以使用 jquery 验证的表单，但我想更进一步。它使用插件进行验证，但仅在提交时进行验证。我想知道是否有办法让它在 blur 上进行验证，这样人们就不必等到他们点击提交才知道他们是否有错误。

我下载了这个插件:

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

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

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

然后设置模糊事件:

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

在此处查看实际效果:http://jsfiddle.net/ryleyb/brUVZ/