[转发]jQuery Validation范例

简介: 验证操作类formValidatorClass.js参照文件有: http://www.cnblogs.com/easyinsc/archive/2009/02/27/1407826.html  http://www.

验证操作类formValidatorClass.js参照文件有:

http://www.cnblogs.com/easyinsc/archive/2009/02/27/1407826.html 

http://www.zhangxinxu.com/wordpress/2012/12/jquery-html5validate-html5-form-validate-plugin/

手机号码验证

以下为引用内容:

jQuery.validator.addMethod("mobile", function(value, element) { 
var length = value.length; 
var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/ 
return this.optional(element) || (length == 11 && mobile.test(value)); 
}, "手机号码格式错误");

电话号码验证

以下为引用内容:

jQuery.validator.addMethod("phone", function(value, element) { 
var tel = /^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/; 
return this.optional(element) || (tel.test(value)); 
}, "电话号码格式错误");

邮政编码验证

 以下为引用内容:

 jQuery.validator.addMethod("zipCode", function(value, element) { 
var tel = /^[0-9]{6}$/; 
return this.optional(element) || (tel.test(value)); 
}, "邮政编码格式错误");

QQ号码验证

以下为引用内容

 jQuery.validator.addMethod("qq", function(value, element) { 
var tel = /^[1-9]\d{4,9}$/; 
return this.optional(element) || (tel.test(value)); 
}, "qq号码格式错误");

IP地址验证

以下为引用内容

 jQuery.validator.addMethod("ip", function(value, element) { 
var ip = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/; 
return this.optional(element) || (ip.test(value) && (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256)); 
}, "Ip地址格式错误");

字母和数字的验证
以下为引用内容:

jQuery.validator.addMethod("chrnum", function(value, element) {
var chrnum = /^([a-zA-Z0-9]+)$/;
return this.optional(element) || (chrnum.test(value));
}, "只能输入数字和字母(字符A-Z, a-z, 0-9)");

中文的验证

以下为引用内容

jQuery.validator.addMethod("chinese", function(value, element) {
var chinese = /^[\u4e00-\u9fa5]+$/;
return this.optional(element) || (chinese.test(value));
}, "只能输入中文");

下拉框验证

以下为引用内容:

$.validator.addMethod("selectNone", function(value, element) {
return value == "请选择";
}, "必须选择一项");

字节长度验证

以下为引用内容:

jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
var length = value.length;
for (var i = 0; i < value.length; i++) {
if (value.charCodeAt(i) > 127) {
length++;
}
}
return this.optional(element) || (length >= param[0] && length <= param[1]);
},$.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

 只能填写中文/英文字母/数字/小数点和下划线.

$.validator.addMethod(
                "stringCheck",
                function (value, element) {
                    return this.optional(element) || /^[\u0391-\uFFE5\w\.]+$/.test(value);
                }, "只能填写中文/英文字母/数字/小数点和下划线."
            );

 在cshtml页添加正则表达式时遇到@符号出错的解决办法:

<input type="text" id="E-mail" class="form-control input-sm" placeholder="E-mail" required pattern="^[a-z0-9]+([._\\-]*[a-z0-9])*@{@Html.Raw("@");}([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$" />

把@替换成:

@{@Html.Raw("@");}

就行了。

学习交流群:364976091
相关文章
|
JavaScript 前端开发
【JQuery】JQuery入门——JQuery 插件-validation
本期主要介绍JQuery入门——知识点讲解(四)
67 0
【JQuery】JQuery入门——JQuery 插件-validation
|
Web App开发 JavaScript 前端开发
|
JavaScript 前端开发 数据安全/隐私保护
JQuery验证插件validation的使用
下载:        下载validatation插件地址:jqueryvalidation.org/;这里需要注意的是validation验证插件有依赖于JQuery的,所以连同JQuery也要一起放置到项目中。
6161 0
|
前端开发 JavaScript 数据安全/隐私保护
客户端验证:JQuery Validation Plugin
jQuery Validate验证框架详解 jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一、导入js库 &lt;script type="text/javascript" src="&lt;%=path %&gt;/validate/jquery-1.6.2.min.js
1612 0