关于模糊验证的jquery [英] jquery on blur validation

问题描述

我正在使用jquery验证插件。点击提交按钮后，我的表单得到验证。但我需要onblur验证，例如：如果html文本框/其他元素失去了他们的焦点（onblur），那么我需要验证相应的字段。那么如何修改以下代码？

I am using jquery validation plugin. Here after click the "submit" button, my form gets validated. But i need onblur validation, for ex: if the html textbox/other elemets lost their focus(onblur) then i need to validate the corresponding field. so How do I modify the below code?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript" >
$(document).ready(function() {
$.validator.addMethod("email", function(value, element)
{
return this.optional(element) || /^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+\.[a-zA-Z.]{2,5}$/i.test(value);
}, "Please enter a valid email address.");

$.validator.addMethod("username",function(value,element)
{
return this.optional(element) || /^[a-zA-Z0-9._-]{3,16}$/i.test(value);
},"Username are 3-15 characters");

$.validator.addMethod("password",function(value,element)
{
return this.optional(element) || /^[A-Za-z0-9!@#$%^&*()_]{6,16}$/i.test(value);
},"Passwords are 6-16 characters");

// Validate signup form
$("#signup").validate({
rules: {
email: "required email",
username: "required username",
password: "required password",
},
});
});
</script>

提前致谢

推荐答案

根据文档，您可以在输入时启用验证使用 onfocusout失去焦点：

According to the docs, you enable validation when inputs lose focus with onfocusout:

$(".selector").validate({
    onfocusout: false
})

在您的情况下，具体而言：

In your case, specifically:

$("#signup").validate({
    onfocusout: false,    //this setting is what you need
    rules: {
        email: "required email",
        username: "required username",
        password: "required password"
    }
});

这篇关于关于模糊验证的jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！