• msg);}}).responseText;return this.optional || flag == 1;},
    “该用户不存在”);//
    身份证号码验证jQuery.validator.addMethod(“isIdCardNo”, function {return
    this.optional || isIdCardNo;}, “请正确输入您的身份证号码”);//
    字符验证jQuery.validator.addMethod(“userName”, function {return
    this.optional|| /^[u0391-uFFE5w]+$/.test;},
    “用户名只能包括中文字、英文字母、数字和下划线”);//
    手机号码验证jQuery.validator.addMethod(“isMobile”, function {var length
    = value.length;return this.optional|| (length == 11 && /^|$/.test;},
    “请正确填写您的手机号码”);//
    电话号码验证jQuery.validator.addMethod(“isPhone”, function {var tel =
    /^?d{7,9}$/g;return this.optional || ;}, “请正确填写您的电话号码”);//
    邮政编码验证jQuery.validator.addMethod(“isZipCode”, function {var tel =
    /^[0-9]{6}$/;return this.optional || ;},
    “请正确填写您的邮政编码”);$.validate({rules : {userName : {required :
    true,userName : true,byteRangeLength : [3, 15],isUserNameExist :
    true},password : {required : true},repassword : {required : true,equalTo
    : “#password”},question : {required : true},answer : {required :
    true},realName : {required : true},cardNumber : {isIdCardNo :
    true},mobilePhone : {isMobile : true},phone : {isPhone : true},email :
    {required : true,email : true},zipCode : {isZipCode : true}},messages :
    {userName : {required : “请填写用户名”,byteRangeLength :
    “用户名必须在3-15个字符之间”,isUserNameExist : “该用户不存在”},password
    : {required : “请填写密码”,minlength :
    jQuery.format(“至少输入{0}个字符.”)},repassword : {required :
    “请填写确认密码webjx”,equalTo : “两次密码输入不相同”,minlength :
    jQuery.format(“至少输入{0}个字符.”)},question : {required :
    “请填写您的密码提示问题”},answer : {required :
    “请填写您的密码提示答案”},realName : {required :
    “请填写您的真实姓名”},email : {required : “请输入一个Email地址”,email :
    “请输入一个有效的Email地址”}},errorPlacement : function
    {error.appendTo;},success : function {// set as text for
    IElabel.html(“OK!”);},focusInvalid : false,onkeyup : false});//
    输入框获得焦点时,样式设置$.focus {if .is ||
    $.is(“:password”))$.addClass.hasClass
    {$.parent().removeClass.addClass;//
    输入框失去焦点时,样式设置$.blur.removeClass.hasClass
    {$.parent().removeClass.addClass;});

下面演示如何使用jquery.validate.js插件进行表单的验证。

网页制作web前端之家文章简介:很好用的JQuery表单验证插件——jquery.validate.js.

jquery.validate.js是JQuery旗下的一个验证插件,借助JQuery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法。使用前请先下载必要的JQuery插件:jquery-1.4.2.min.js和jquery.validate.min.js。

这是HTML表单:这是我的表单验证代码:$.ready
{$.validator.setDefaults({submitHandler : function;}});//
中文字两个字节jQuery.validator.addMethod(“byteRangeLength”, function
{var length = value.length;for (var i = 0; i < value.length; i++) {if
> 127) {length++;}}return this.optional|| (length >= param[0] &&
length <= param[表单验证代码实例:jquery.validate.js表单验证插件-Web前端之家。1]);}, “请确保输入的值在3-15个字节之间”);//
用户名是否存在jQuery.validator.addMethod(“isUserNameExist”, function
{var flag = $.ajax({type : “POST”,url : “validateServlet”,data :
“username=” + value,async : false,success : function {alert(“返回数据: “

相关文章

网站地图xml地图