- 浏览: 747777 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
梦行Monxin商城系统:
java网上商城与php网上商城比较 -
梦行Monxin商城系统:
java网上商城与php网上商城比较 -
任楚娴:
你好,请问html = nvl(html); 这句中的nvl( ...
java html串转换成文本串 -
u013246812:
,谢拉!
jQuery ui Dialog 讲解参数 -
大宝剑99:
...
前端优化
// 手机号码验证
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个字节)"));
this.addCheckGroupJs = function(){
$("#applyForm").unbind("invalid-form.validate");
$("#applyForm").bind("invalid-form.validate", function(e, validator) {
}).validate({
onkeyup: false,
onblur: false,
onfocusin: false,
onfocusout: false,
rules:{
"groupApplication.examCatalog":{required:true,jqmsg:"${bundle('examCatalog')}"},
"groupApplication.name":{required:true,rangelength:[1,100],jqmsg:"${bundle('name')}"},
"groupApplication.email":{required:true,email:true,jqmsg:"${bundle('email')}"},
"groupApplication.phone":{phone:true,jqmsg:"${bundle('phone')}"},
"groupApplication.tel":{phone:true,jqmsg:"${bundle('tel')}"},
"groupApplication.companyBranch":{maxlength:[200],jqmsg:"${bundle('companyBranch')}"},
"groupApplication.branchGroup":{maxlength:[200],jqmsg:"${bundle('branchGroup')}"},
"groupApplication.companyName":{maxlength:[200],jqmsg:"${bundle('companyName')}"},
"groupApplication.companyAddress":{maxlength:[200],jqmsg:"${bundle('companyAddress')}"},
"groupApplication.postalCode":{maxlength:[10],jqmsg:"${bundle('postalCode')}"},
"groupApplication.info":{maxLength:[300],jqmsg:"${bundle('info')}"},
j_captcha:{required:true,letterNum:true,maxlength:[4],jqmsg:"${bundle('j_captcha')}"}
},
submitHandler: function() {
base.submit("applyForm");
},
showErrors: function(errors,errorList){
showErrorsInfo(errors,errorList,"applyForm");
}
})
}
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个字节)"));
this.addCheckGroupJs = function(){
$("#applyForm").unbind("invalid-form.validate");
$("#applyForm").bind("invalid-form.validate", function(e, validator) {
}).validate({
onkeyup: false,
onblur: false,
onfocusin: false,
onfocusout: false,
rules:{
"groupApplication.examCatalog":{required:true,jqmsg:"${bundle('examCatalog')}"},
"groupApplication.name":{required:true,rangelength:[1,100],jqmsg:"${bundle('name')}"},
"groupApplication.email":{required:true,email:true,jqmsg:"${bundle('email')}"},
"groupApplication.phone":{phone:true,jqmsg:"${bundle('phone')}"},
"groupApplication.tel":{phone:true,jqmsg:"${bundle('tel')}"},
"groupApplication.companyBranch":{maxlength:[200],jqmsg:"${bundle('companyBranch')}"},
"groupApplication.branchGroup":{maxlength:[200],jqmsg:"${bundle('branchGroup')}"},
"groupApplication.companyName":{maxlength:[200],jqmsg:"${bundle('companyName')}"},
"groupApplication.companyAddress":{maxlength:[200],jqmsg:"${bundle('companyAddress')}"},
"groupApplication.postalCode":{maxlength:[10],jqmsg:"${bundle('postalCode')}"},
"groupApplication.info":{maxLength:[300],jqmsg:"${bundle('info')}"},
j_captcha:{required:true,letterNum:true,maxlength:[4],jqmsg:"${bundle('j_captcha')}"}
},
submitHandler: function() {
base.submit("applyForm");
},
showErrors: function(errors,errorList){
showErrorsInfo(errors,errorList,"applyForm");
}
})
}
发表评论
-
Chrome扩展程序-BES Blocker
2020-11-27 08:35 244## 使用说明 - Change the response ... -
全国最新行政区划代码(Tree)json数据以及地理数据
2020-11-11 21:23 382基于阿里提供的地理数据 http://datav.aliyun ... -
百度搜索api
2020-11-07 15:26 682<div class="iteye-blog- ... -
Puppeteer 说明记录
2020-11-06 10:52 640<div class="iteye-blo ... -
文本水印
2019-12-20 17:55 473打开控制台,copy如下代码: (functio ... -
unicode字符集特殊符号对应html/js/css符号
2019-04-24 14:46 783转自: http://www.cnblogs.com/cha ... -
网站灰度支持
2015-01-02 07:22 8841 <style>html {overflo ... -
js 端排序 获取td里边的内容去html串化
2014-09-26 18:12 867<script> function delHtml ... -
ie浏览器下的css expression使用
2014-03-06 16:39 1223针对ie浏览器有些情况下显示效果比较差,所以针对ie ... -
输入框自动填充效果 js
2013-12-28 15:58 6075<!doctype html> ... -
js 屏蔽form的onkeydown onkeyup onkeypress 的13按键
2013-07-11 10:49 1828js 屏蔽form的onkeydown onkeyup on ... -
Cookie path的设置
2013-02-21 10:58 1952cookie path 设置 IE对如下的co ... -
html5 (标签一览)
2012-10-16 19:22 1021html5 标签 按字母顺序排 ... -
一键分享腾讯微博,新浪微博等api(WEB 版)
2012-08-10 09:38 10434腾讯微博分享 <script type=" ... -
DOJO js 基本dom操作
2012-06-20 09:44 4619/** ** 基本的DOM操作只是用到了dojo的核 ... -
原始ajax api 操作
2012-04-12 18:00 1099String.prototype.trim = func ... -
js 动态 添加 删除 tr
2012-04-12 17:27 5764今天给新人出了一道题: dom 和 javascrip ... -
ie8下 vml
2012-04-01 13:51 1685近期在做web流程设计器,在ie7下没有问题,显示出来了,但是 ... -
flex vs html5
2011-12-18 18:09 2161何时使用HTML5,而不是Fl ... -
java毕业设计 计算机毕业设计 软件定制开发
2011-10-01 07:00 86工作室承接各种毕业设计以及软件定制开发。 java毕业设计 ...
相关推荐
《jQuery.validate 用法详解及源码解析》 在网页开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设的规则,避免无效数据的提交。jQuery.validate插件是一个强大的、易于使用的JavaScript库,它使得在...
《jQuery.validate.js:高效前端表单验证的利器》 在Web开发中,用户输入的数据验证是必不可少的一环,确保数据的正确性和完整性是系统稳定运行的关键。jQuery.validate.js是一款强大的JavaScript插件,专为jQuery...
在使用jQuery.validate之前,你需要先引入jQuery库,因为validate是基于jQuery构建的。通常,你会在HTML文件中添加如下代码来引入jQuery和validate库: ```html <script src="path/to/jquery.js" type="text/...
从给定的文件信息来看,文件主要介绍了jquery.validate.js的表单验证功能。jquery.validate.js是一个强大的jQuery插件,可以帮助开发者快速实现表单验证。以下是该文件中提及的关键知识点: 1. jquery.validate.js...
**jQuery的validate插件使用详解** jQuery的validate插件是一款强大的表单验证工具,它能够帮助开发者轻松地实现用户输入的验证,确保数据的正确性和完整性。基于jQuery库,validate插件提供了丰富的功能,包括内置...
本文的配套文档包括《jquery-validate验证框架使用详解.doc》和《jquery.validate.addMethod.doc》,详细解释了框架的使用和自定义方法的创建。同时,提供的`validate.js`和`jquery.validate.zip`文件包含了完整的...
《jQuery Validate插件详解与应用实践》 在Web开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,从而提高数据的准确性和系统的稳定性。jQuery Validate插件作为一款强大的验证工具,极...
《jQuery Validate插件详解及其应用》 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,提高了用户体验并减少了服务器端的负担。jQuery Validate插件是实现这一功能的强大工具,它...
其中,`validate`插件是jQuery的一个强大工具,专门用于表单验证,帮助开发者确保用户输入的数据符合预设的规则。本文将深入探讨`jquery validate`方法的运用,以及如何自定义验证方法。 `validate`方法是jQuery ...
《jQuery.validate.js与API中文详解》 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作,事件处理以及Ajax交互等任务。而jQuery Validate插件则是jQuery的一个重要扩展,它专注于表单...
`jQuery Validate` 插件1.8.1版本提供了丰富的功能,包括基本的验证规则、自定义验证规则以及错误消息定制。 ### jQuery Validate 插件基础 `jQuery Validate` 的核心功能是验证表单字段,它通过添加额外的属性到 ...
《jQuery Validate插件详解与实例应用》 在Web开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,提高数据的准确性和安全性。jQuery Validate是一个强大的JavaScript库,专为jQuery设计...
使用jQuery.validate的`addMethod`方法自定义验证规则。例如,上面示例中的`usename`方法检查用户名是否为4到12个字符,并且包含数字或字母。同时,在`$("form")`的`validate()`函数中定义了`username`字段的验证...
《jQuery Validate 1.8.1:前端表单验证的利器》 在Web开发中,表单验证是一项不可或缺的功能,它能确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。jQuery Validate插件是JavaScript库...
**jQuery Validate 1.7 插件详解** jQuery Validate 是一款功能强大的JavaScript验证插件,主要用于前端表单验证。在1.7版本中,它继续提供了丰富的验证规则和灵活的自定义选项,使得开发者能够轻松地对用户输入...
《jQuery表单验证框架——深入理解jQuery.validate》 在网页开发中,表单验证是必不可少的一环,它能确保用户输入的数据符合预期,减少服务器端的处理负担,提高用户体验。jQuery是一个广泛使用的JavaScript库,而...
jQuery.validator.addMethod("customRule", function(value, element) { return this.optional(element) || /^[a-zA-Z]+$/i.test(value); }, "只允许字母"); ``` 上述代码添加了一个名为`customRule`的新验证...
### jQuery.validate 扩展身份证校验方法 在前端开发中,对用户输入的数据进行校验是非常重要的一步,它能够帮助开发者提高数据的准确性和安全性。本文将详细介绍如何使用`jQuery.validate`插件来扩展身份证号码的...
首先,`jquery.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用jQuery Validate。确保引入了最新的jQuery版本,以便利用其强大的DOM操作和事件处理能力。 其次,`myvalidate.js`可能是你...