jQueryvalidationonblur

我正在尝试在我正在创建的网页上进行jQueryvalidation。 我有大约6个不同的字段集，其中包含页面的详细信息。 我正在使用它，因为我隐藏并显示它们提供更好的用户体验。

每当我尝试提交页面时，无论何时添加单个字符（当文本框需要2个或更多字符时），我都会按照我的要求运行插件，但是我也希望validation能够在onblur上进行。 如果他们没有达到validation条件，我想立即通知我的用户，以便他们可以立即修复它，而不必回来。

任何人都可以告诉我我需要做什么我正在使用* http://bassistance.de/jquery-plugins/jquery-plugin-validation/插件。

这是我到目前为止编写的jQuery代码：

$("#aspnetForm").validate({ rules: { : { required: true, minlength: 2 } , : { required: true, minlength: 2 } , : { required: true, minlength: 8 } , : { required: true, email: true } , : { required: true } , : { required: true } , : { required: true } , : { required: true, minlength:1 } , : { required: true, minlength:5 } , : { required: true, minlength:2 } , : { required: true, minlength:2 } , : { required: true, minlength:4, maxlength:4 } , : { required: true, minlength:4 } , : { required: true, minlength:4 } , : { equalTo: "ctl00$ctl00$cpMain$cpLeft$Password" } , : { required: true } }, messages: { : { required: "Please enter your firstname", minlength: "Minimum length is 2 characters" }, : { required: "Please enter your lastname", minlength: "Minimum length is 2 characters" }, : { required: "Please enter your mobile", minlength: "Minimum length is 8 characters" } , : { required: "Please enter your date of birth" } , : { required: "Please enter your date of birth" } , : { required: "Please enter your date of birth" } , : "Please enter a valid email" , : { required: "Please enter your house number", minlength:"Please add at least 1 character" } , : { required: "Please enter your address", minlength:"Please add at least 5 characters" } , : { required: "Please enter your city", minlength:"Please add at least 2 characters" } , : { required: "Please enter your city", minlength:"Please add at least 2 characters" } , : { required: "Please enter your postcode", minlength:"Please add the 4 required characters", maxlength:"Only 4 characters are allowed" } , : { required: "Please enter your username", minlength: "Please add the 4 required characters" } , : { required: "Please enter your password", minlength: "Please add the 4 required characters" } , : { equalTo: "Passwords must match" } , : { required: "Please agree to the terms" } } }); 

有小费吗？

Answer 1

我无法在docos中看到任何可以做到这一点的内容。 我能想到的另一种方式是。

 $('#field1, #field2, #field3').blur(function(){ validator.validate() }); 

Answer 2

Diver Dan是对的

 $('form').validate({ onfocusout: function (element) { $(element).valid(); }, rules: { name: 'required', from: 'required' }, messages: { name: 'Please enter your firstname', from: 'Please enter where are you from' } }); 

Answer 3

您还可以使用validation器的元素调用。

  $('form').validate({ onfocusout: function(element) { this.element(element); }, rules: { name: 'required', from: 'required' }, messages: { name: 'Please enter your firstname', from: 'Please enter where are you from' } }); 

Answer 4

只需设置onkeyup = false

 $('form').validate({ rules: { name: 'required', from: 'required' }, onkeyup: false , messages: { name: 'Please enter your firstname', from: 'Please enter where are you from' } }); 

Answer 5

Thia代码不会触发validationonkeyup，但在模糊“失去焦点”时，validation将会激活，一旦用户开始编辑该字段，validation消息将消失。 在这个参考上找到更有趣的其他定制： https ： //jqueryvalidation.org/category/plugin/

 $('#frm').validate({ onkeyup: false, focusCleanup: true }); 

Answer 6

尝试：

 onkeyup: function (element, event) { $(element).valid(); // your code }