- 浏览: 179834 次
- 性别:
- 来自: 广州
文章分类
最新评论
<script type="text/javascript">
jQuery.validator.addMethod("regex", //addMethod第1个参数:办法名称
function(value, element, params) { //addMethod第2个参数:验证办法,参数(被验证元素的值,被验证元素,参数)
var exp = new RegExp(params); //实例化正则对象,参数为传入的正则表达式
return exp.test(value); //测试是否匹配
},
"格局错误"); //addMethod第3个参数:默认错误信息
¥(function() {
¥("#signupForm").validate(
{
rules: {
txtPassword1: "required", //暗码1必填
txtPassword2: { //暗码2的描述多于1项应用对象类型
required: true, //必填,这里可所以一个匿名办法
equalTo: "#txtPassword1", //必须与暗码1相等
rangelength: [5, 10], //长度5-10之间
regex: "^\w+¥" //应用自定义的验证规矩,在上例中新增的项目组
},
txtEmail: "email" //电子邮箱必须合法
},
messages: {
txtPassword1: "您必须填写",
txtPassword2: {
required: "您必须填写",
equalTo: "暗码不一致",
rangelength: "长度必须介于{0} 和 {1} 之间的字符串",
regex: "暗码只能是数字、字母与下划线"
}
},
debug: false, //若是批改为true则表单不会提交
submitHandler: function() {
alert("开端提交了");
}
});
});
</script>
常用方法:
// 号码验证
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("None", 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个字节)"));
jQuery.validator.addMethod("regex", //addMethod第1个参数:办法名称
function(value, element, params) { //addMethod第2个参数:验证办法,参数(被验证元素的值,被验证元素,参数)
var exp = new RegExp(params); //实例化正则对象,参数为传入的正则表达式
return exp.test(value); //测试是否匹配
},
"格局错误"); //addMethod第3个参数:默认错误信息
¥(function() {
¥("#signupForm").validate(
{
rules: {
txtPassword1: "required", //暗码1必填
txtPassword2: { //暗码2的描述多于1项应用对象类型
required: true, //必填,这里可所以一个匿名办法
equalTo: "#txtPassword1", //必须与暗码1相等
rangelength: [5, 10], //长度5-10之间
regex: "^\w+¥" //应用自定义的验证规矩,在上例中新增的项目组
},
txtEmail: "email" //电子邮箱必须合法
},
messages: {
txtPassword1: "您必须填写",
txtPassword2: {
required: "您必须填写",
equalTo: "暗码不一致",
rangelength: "长度必须介于{0} 和 {1} 之间的字符串",
regex: "暗码只能是数字、字母与下划线"
}
},
debug: false, //若是批改为true则表单不会提交
submitHandler: function() {
alert("开端提交了");
}
});
});
</script>
常用方法:
// 号码验证
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("None", 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个字节)"));
发表评论
-
Excel保护破解
2015-08-12 15:56 727打开受保护的Excel表格,按“ALT”+“F11”键, ... -
在Web项目中配置Log4j
2014-02-19 21:29 8733在Web项目中配置Log4j 1. 动态的改 ... -
C3P0连接池详细配置
2014-02-19 21:17 733C3P0连接池详细配置 <c3p0-config ... -
转:js获取各种高度
2013-07-09 19:10 1058<script type="text/jav ... -
转:json的stringify方法作用
2013-07-04 00:14 1627可使用JSON.parse(str)将其转化为json对象 ... -
Sublime Text 2快捷键~
2013-06-30 23:19 986Ctrl+L 选择整行(按住-继续选择下行) Ctrl+ ... -
PL/SQL执行存储过程
2013-04-01 18:11 11451、PL/SQL中SQL窗口执行过程: BEGIN DBMS ... -
jboss、tomcat自定义classpath(转)
2013-04-01 14:16 4075现在的项目中自定义了很多共通的jar包,这些jar包如何导 ... -
EL表达式和JSTL标签(转)
2013-03-31 15:37 1407在JSP页面中,使用标签库代替传统的Java语言来实 ... -
EL表达式和JSTL标签(转)
2013-03-31 15:34 0在JSP页面中,使用标签 ... -
简单的导出excel
2013-03-25 16:29 1005response.setContentType("a ... -
JS中URL编码参数(转) --- 乱码经过编码两次得以解决
2013-03-17 14:01 4336网上有很多文字作品写 ... -
jquery autocomplete示例
2013-03-15 18:30 9741使用jquery的autocomplete插件~~,目前网上有 ... -
GreyBox官网~~
2013-03-01 17:36 1029http://orangoo.com/labs/GreyBox ... -
(转)SQL 优化原则
2013-02-28 10:29 745一、问题的提出 在应用系统开发初期,由于开发数据库数据比 ... -
修改tomcat项目的图标
2013-02-28 10:23 851部署在tomcat中的项目在运行的时候,地址栏都是那个标志的小 ... -
如何修改和查看tomcat内存大小
2013-02-28 10:06 1048为了解决tomcat在大进行 ... -
eclipse修改内存启动参数
2013-02-28 09:56 5061一般安装完eclipse之后,在安装目录下你应该可以看到有一个 ... -
Sybase数据bcp导出
2013-02-27 18:30 1410命令行操作Sybase以及数据bcp导出: C:\Docum ... -
java JDBC 各数据库url连接 转~~
2013-02-18 14:00 1006java JDBC 各数据库url连接 1.Oracle数 ...
相关推荐
jQuery-validation 是一个广泛使用的JavaScript库,专门用于实现前端表单验证。1.14.0版本在2015年9月13日发布,它提供了强大的功能,帮助开发者轻松地创建具有输入格式判别、条件输入识别和验证通过的用户界面。...
《jQuery表单验证详解》 在Web开发中,表单验证是不可或缺的一部分,它能确保用户输入的数据符合预设的规则,从而保护服务器免受不合法数据的影响,提高用户体验。jQuery,作为一款广泛使用的JavaScript库,提供了...
1. **基本概念**:jQuery表单验证的核心是通过监听用户的交互行为,如表单提交或输入字段失去焦点时,检查输入数据是否符合预设规则。这些规则可能包括必填项、邮箱格式、手机号码格式等。 2. **jQuery验证插件**:...
本人制作的jquery表单验证插件JfomValidate 功能:可以完成绝大数页面的脚本验证效果,压缩包里有示例和调用说明。 压缩包包含文件: index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...
本文将详细探讨如何利用jQuery实现表单验证,特别是`equalTo`方法的使用,这是一个非常实用的功能,用于确保用户输入的两个字段值相等,如常见于确认密码或验证码场景。 首先,理解`equalTo`方法的基本概念。`equal...
jQuery UI 广泛应用于企业级 Web 应用、电子商务平台、内容管理系统等,尤其在需要丰富用户交互和可视化效果的场景中,如数据可视化、表单验证、多步骤流程等。 ### 结论 jQuery UI 是一个强大的工具,通过其丰富...
而"jquery表单验证插件"则是基于jQuery构建的一种工具,用于增强表单数据输入的验证功能,确保用户提交的数据符合预设的规则。这款插件极大地提高了用户体验,因为它可以在用户输入时即时反馈错误,而无需等待表单...
**jQuery-File-Upload** 是一个非常流行的前端文件上传插件,它基于JavaScript库jQuery,专为实现现代浏览器上的多文件上传功能而设计。这个插件不仅提供了用户友好的界面,还支持各种高级特性,如进度条显示、批量...
你可以根据需要添加额外的事件处理器,如添加文件验证、自定义上传按钮样式等。 四、服务器端处理 4.1 语言支持 jQuery-File-Upload支持多种服务器端语言,如PHP、Node.js、ASP.NET等。你需要在服务器端编写相应的...
jQuery表单验证是一种在网页开发中常用的技术,用于在用户提交数据前检查输入的有效性,确保数据的质量和安全性。在Web应用中,表单验证是不可或缺的部分,它可以帮助减少服务器端的压力,提供更好的用户体验,及时...
jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...
jQuery作为一个强大的JavaScript库,提供了简单易用的API来进行表单验证。本实例将深入探讨如何利用jQuery实现网站会员注册表单的验证,并在用户提交form表单时进行有效控制。 首先,我们需要理解jQuery的核心概念...
在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...
**jQuery Validation Engine** 是一个强大的JavaScript插件,主要用于前端网页上的表单验证。它通过提供丰富的自定义样式和多种验证规则,帮助开发者实现用户输入数据的有效性和格式验证,确保用户在提交表单前输入...
jQuery Validation Engine是一款强大的jQuery插件,专用于表单验证。这款控件以其丰富的功能、高度的自定义性和优雅的用户界面而备受推崇。在本文中,我们将深入探讨jQuery Validation Engine的核心概念、安装步骤、...
在"JQuery实现表单验证"的案例中,描述中提到有五种不同的提示方式,这些可能包括错误消息的显示位置、样式、动画效果等,以满足多样化的用户体验需求。 以下是使用JQuery进行表单验证的基本步骤: 1. **选择器与...
此外,jNice还提供了表单验证功能,可以在用户填写表单时实时检查输入的有效性,避免了提交后才发现错误的情况,提高了数据的准确性。 jNice的使用方法相对简单,首先,你需要在页面中引入jQuery库和jNice的...
jQuery Validation插件是jQuery库的一个强大扩展,用于实现客户端的表单验证。本篇文章将围绕"jquery-validation-1.8.1"这个版本,深入探讨该插件的核心功能、使用方法以及提供的多个示例。 jQuery Validation插件...
jQuery Validation插件是用于jQuery框架的强大的表单验证工具,它的出现极大地简化了这一过程。本文将详细介绍jQuery Validation插件,特别是1.9.0版本中的特性和使用方法。 首先,jQuery Validation插件是基于...