//表单验证扩展
$.extend($.fn.validatebox.defaults.rules,
{ //验证中文
CHS:{
validator:function(value){
return /^[u0391-uFFE5]+$/.test(value);
},
message:"只能输入汉字."
},
//字符验证
stringCheck:{
validator:function(value){
return /^[u0391-uFFE5w]+$/.test(value);
},
message:"只能包括中文字、英文字母、数字和下划线."
},
//验证中文,英文,数字
stringCheckSub:{
validator:function(value){
return /^[a-zA-Z0-9u4E00-u9FA5]+$/.test(value);
},
message:"只能包括中文字、英文字母、数字."
},
englishCheckSub:{
validator:function(value){
return /^[a-zA-Z0-9]+$/.test(value);
},
message:"只能包括英文字母、数字."
},
numberCheckSub:{
validator:function(value){
return /^[0-9]+$/.test(value);
},
message:"只能输入数字."
},
//手机号码验证
mobile:{
validator:function(value){
var reg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$/;
return value.length == 11 && reg.test(value);
},
message:"请正确填写您的手机号码."
},
//电话号码验证
telephone:{
validator:function(value){
//电话号码格式010-12345678
var reg = /^d{3,4}?d{7,8}$/;
return reg.test(value);
},
message:"请正确填写您的电话号码."
},
//联系电话(手机/电话皆可)验证
mobileTelephone:{
validator:function(value){
var cmccMobile = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$/;
var tel = /^d{3,4}?d{7,8}$/;
return tel.test(value) || (value.length == 11 && cmccMobile.test(value));
},
message:"请正确填写您的联系电话."
},
//验证国内邮编验证
zipCode:{
validator:function(value){
var reg = /^[1-9]d{5}$/;
return reg.test(value);
},
message:"邮编必须长短0开端的6位数字."
},
//身份证号码验证
idCardNo:{
validator:function(value){
return isIdCardNo(value);
},
message:"请正确输入您的身份证号码."
},
//验证两个不同时为空
//可以自定义提示信息
allNotNull:{
validator:function(toValue,fromValue){
if(fromValue ==null || fromValue.length ==0 || fromValue[0]==null || fromValue[0]==""){
if(toValue ==null || toValue.length ==0 || toValue[0]==null || toValue[0]==""){
$.fn.validatebox.defaults.rules.compareDigit.message="中,英.文名不可同时为空 ";
return false;
}else{
return true;
}
}else
{return true;}
},
message:""
},
//数字验证大小,结束值应该大于开始值
//可以自定义提示信息
compareDigit:{
validator:function(toValue,fromValue){
if(fromValue ==null || fromValue.length ==0 || fromValue[0]==null || fromValue[0]==""){
return true;
}
if(parseFloat(toValue) > parseFloat(fromValue[0])){
return true;
}else{
if(fromValue.length >= 2){
$.fn.validatebox.defaults.rules.compareDigit.message = fromValue[1];
}else{
$.fn.validatebox.defaults.rules.compareDigit.message = '结束值应该大于开始值';
}
return false
}
},
message:""
},
//日期、时间验证大小,结束日期应该大于开始日期
//可以自定义提示信息
compareDate:{
validator:function(toDate,param){
if(param ==null || param.length ==0 || param[0]==null || param[0]==""){
return true;
}
if(toDate > param[0]){
return true;
}else{
if(param.length >= 2){
$.fn.validatebox.defaults.rules.compareDate.message = param[1];
}
else {
$.fn.validatebox.defaults.rules.compareDate.message = '结束日期应该大于开始日期';
}
return false
}
},
message:''
}
//到服务器端验证
/*remote:{
validator:function(value,param){
var params = {};
params[param[1]] = value;
$.post(param[0],params,function(data){
if(!data.msg){
$.fn.validatebox.defaults.rules.account.message = param[2];
}
return data.msg;
});
},
message:""
}*/
}
)
//--身份证号码验证-支持新的带x身份证
function isIdCardNo(num)
{
var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);
var error;
var varArray = new Array();
var intValue;
var lngProduct = 0;
var intCheckDigit;
var intStrLen = num.length;
var idNumber = num;
// initialize
if ((intStrLen != 15) && (intStrLen != 18)) {
//error = "输入身份证号码长度不对!";
//alert(error);
//frmAddUser.txtIDCard.focus();
return false;
}
// check and set value
for(i=0;i<intStrLen;i++) {
varArray[i] = idNumber.charAt(i);
if ((varArray[i] < '0' || varArray[i] > '9') && (i != 17)) {
//error = "错误的身份证号码!.";
//alert(error);
//frmAddUser.txtIDCard.focus();
return false;
} else if (i < 17) {
varArray[i] = varArray[i]*factorArr[i];
}
}
if (intStrLen == 18) {
//check date
var date8 = idNumber.substring(6,14);
if (isDate8(date8) == false) {
//error = "身份证中日期信息不正确!.";
//alert(error);
return false;
}
// calculate the sum of the products
for(i=0;i<17;i++) {
lngProduct = lngProduct + varArray[i];
}
// calculate the check digit
intCheckDigit = 12 - lngProduct % 11;
switch (intCheckDigit) {
case 10:
intCheckDigit = 'X';
break;
case 11:
intCheckDigit = 0;
break;
case 12:
intCheckDigit = 1;
break;
}
// check last digit
if (varArray[17].toUpperCase() != intCheckDigit) {
//error = "身份证效验位错误!...正确为: " + intCheckDigit + ".";
//alert(error);
return false;
}
}
else{ //length is 15
//check date
var date6 = idNumber.substring(6,12);
if (isDate6(date6) == false) {
//alert("身份证日期信息有误!.");
return false;
}
}
//alert ("Correct.");
return true;
}
/**
* 判断是否为“YYYYMM”式的时期
*
*/
function isDate6(sDate) {
if(!/^[0-9]{6}$/.test(sDate)) {
return false;
}
var year, month, day;
year = sDate.substring(0, 4);
month = sDate.substring(4, 6);
if (year < 1700 || year > 2500) return false
if (month < 1 || month > 12) return false
return true
}
/**
* 判断是否为“YYYYMMDD”式的时期
*
*/
function isDate8(sDate) {
if(!/^[0-9]{8}$/.test(sDate)) {
return false;
}
var year, month, day;
year = sDate.substring(0, 4);
month = sDate.substring(4, 6);
day = sDate.substring(6,
;
var iaMonthDays = [31,28,31,30,31,30,31,31,30,31,30,31]
if (year < 1700 || year > 2500) return false
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) iaMonthDays[1]=29;
if (month < 1 || month > 12) return false
if (day < 1 || day > iaMonthDays[month - 1]) return false
return true
}
分享到:
相关推荐
本篇将详细探讨"jQuery+easyui validatebox"这一主题,以及如何利用它们实现高效的数据验证。 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。通过提供简洁的API,jQuery...
easyui validatebox 验证类型 EasyUI 的 ValidateBox 验证组件可以对表单字段进行多种类型的验证,包括必选字段、邮件、电话、数字、日期、网址、信用卡号等各种格式的验证。 必选字段验证 ValidateBox 的 ...
标题和描述中提到的知识点涉及jQuery EasyUI框架中的validatebox插件,该插件用于表单输入验证。validatebox允许前端对用户输入进行校验,以减少服务器的负担并提升用户体验。它提供了基本的校验规则,但有时可能...
总结起来,jquery easyui validatebox的remote属性是实现复杂验证规则的有效方式,它将前端验证与后端验证相结合,为开发者提供了一种灵活的输入验证解决方案。通过这种方式,可以充分利用服务器端的资源和验证逻辑...
在 jQuery EasyUI 中,ValidateBox 可以通过设置 `required` 和 `validType` 属性来定义验证规则。`required` 属性用于指定字段是否必须填写,如果设置为 `true`,那么当字段为空时会触发验证失败。`validType` 属性...
jQuery EasyUI 1.0.5增加了validatebox组件的的校验器。 4. jQuery EasyUI 1.0.5改进了dialog组件,目前dialog组件可以从标记中读取collapsible,minimizable,maximizable和 resizable属性 5. jQuery EasyUI 1.0.5...
**jQuery EasyUI 模板详解** jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它提供了一系列的 UI 组件,如对话框、表格、菜单、按钮等,帮助开发者快速构建具有专业外观的 Web 应用程序。这个模板是为初学者和...
### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...
《jQuery EasyUI 文档详解与应用实践》 jQuery EasyUI 是一个基于 jQuery 的前端框架,它为开发者提供了大量的可重用的 UI 组件,极大地简化了网页界面的开发过程。这个文档集合包含了丰富的 jQuery 相关方法和 ...
"JQueryEasyUI的增删查改"是Web应用中最基本的功能,通常指的是创建(Create)、读取(Read)、更新(Update)和删除(Delete)操作,也就是常说的CRUD操作。这些功能对于任何数据管理型的应用来说都是必不可少的。 ...
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web...jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。
### jQuery EasyUI 简述 jQuery EasyUI 是一个基于 jQuery 的前端UI框架,主要用于开发具有丰富交互效果的Web应用程序。EasyUI 提供了一系列可复用的UI组件,其设计目标是让开发者能够通过简单的方式来创建现代Web...
<input name="name" class="easyui-validatebox" required="true"> ``` 使用 `form` 方法提交或获取表单数据。 ### 四、布局(Layout) jQuery EasyUI 提供了强大的布局管理工具,允许开发者灵活地划分页面...
通过以上内容,我们可以看到`Jquery Easyui`的验证组件`ValidateBox`不仅提供了丰富的内置验证类型,还支持自定义验证规则,使得我们可以根据项目需求灵活地进行表单验证。这大大简化了前端数据验证的工作,提升了...
【标签】"jQueryEasyUI帮助文档 jQueryEasyUI jQueryEasy1.2 EasyUI1.2文档"进一步明确了文档的主题,这些标签可以帮助用户通过关键词搜索找到这个资源。 压缩包内的文件"jQuery EasyUI 1.2 API文档.CHM"包含了所有...
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。 jQuery-Easyui-1.2.6中含有jQuery库、easyui库、demo实例和jquery_easyui_中文帮助...
根据提供的文件信息,我们可以推断出这是一份关于“李炎恢jQuery EasyUI讲义代码”的资源分享。接下来,我们将围绕这份讲义的核心内容——jQuery EasyUI,进行深入的解析和知识点的归纳。 ### jQuery EasyUI简介 ...