相关jquery实现客户端验证

1、$().ready(function()/*/* 设置默认属性 */$.validator.setDefaults(submindler: function(form) form.submit(););/ 字符验证jQuery.validator.addMethod(stringCheck, function(value, element) return this.optional(element) | /u0391-uFFE5w+$/.test(value);, 只能包括中文字、英文字母、数字和下划线);/ 中文字两个字节jQuery.validator.addMethod(byteRang

2、eLength, function(value, element, param) var length = value.length;for(var i = 0; i 127) length+;return this.optional(element) | ( length = param0 & length = param1 );, 请确保输入的值在 3-15 个字节之间(一个中文字算 2 个字节);/号码验证jQuery.validator.addMethod(isIdCardNo, function(value, element) return this.optional(element

3、) | isIdCardNo(value);, 请正确输入您的号码);/号码验证jQuery.validator.addMethod(isMobile, function(value, element) var length = value.length;var mobile = /(130-91)|(150-91)+d8)$/;return this.optional(element) | (length = 11 & mobile.test(value);, 请正确填写您机号码);/号码验证jQuery.validator.addMethod(is, function(value, ele

4、ment) 号码格式.test(value);var= /d3,4-?d7,9$/; /return this.optional(element) | (, 请正确填写您的号码);皆可)验证/(/jQuery.validator.addMethod(isPhone, function(value,element) var length = value.length;var mobile = /(130-91)|(150-91)+d8)$/;var= /d3,4-?d7,9$/;return this.optional(element) | (.test(value) | mobile.test

5、(value);, 请正确填写您的);/验证jQuery.validator.addMethod(isZipCode, function(value, element) var= /0-96$/;return this.optional(element) | (.test(value);, 请正确填写您的/开始验证$(#submitForm).validate(/*/* 设置验证规则 */ rules: username: required:true, stringCheck:true, byteRangeLength:3,15,:required:true,:true,phone: requ

6、ired:true, isPhone:true,address: required:true, stringCheck:true,byteRangeLength:3,100,/*/* 设置错误信息 */ messages: username: required: 请填写用户名,);stringCheck: 用户名只能包括中文字、英文字母、数字和下划线, byteRangeLength: 用户名必须在 3-15 个字符之间(一个中文字算 2 个字符),:required: 请输入一个: 请输入一个有效的,phone:required: 请输入您的 isPhone: 请输入一个有效的,addres

7、s:地址,地址,required: 请输入您的联系地址,stringCheck: 请正确输入您的联系地址, byteRangeLength: 请详实您的联系地址以便于,/*/* 设置验证触发事件 */ focusInvalid: false,onkeyup: false,/*/* 设置错误信息提示DOM */ errorPlacement: function(error, element) error.appendTo( element.parent();,););联系您测试页 index.html代码 代码如下:!DOCTYPE HTML PUBLIC -/W3C/DTD HTML 4.01

8、 Transitional/ENhtml xmlns=jQuery 验证* font-family: Verdana; font-size: 96%;label width: 10em; float: left;label.error float: none; color: red;padding-left: .5em; vertical-align: top;p clear: both;.submit margin-left: 12em;em font-weight: bold; padding-right: 1em; vertical-align: top;表单验证用户名* name=*input id= size=25 /*地址*inplass=submit type=submit value=提交/校验规则参数格式为; name:rule1, rule2 . name 要使用 input提示信息使用 alert 输出:代码 代码如下:errorPl