easyui 自定义表单内容验证(汉字、字母、数字、邮箱、电话、邮编、身份证号等)

左手的ㄟ右手 2022-06-15 10:27 610阅读 0赞

## easyui 自定义表单内容验证(汉字、字母、数字、邮箱、电话、邮编、身份证号等) ##

做项目的时候自己简单总结了一下关于easyui 校验表单内容格式的方式，用于验证邮箱、数字、汉字、字母等格式的内容，总之思路一定要清晰，如有特别的需要可自定义添加验证方式。

第一步 自定义validator.js  内容如下 （新建js）

$.extend($.fn.validatebox.defaults.rules,  
  \{    
   // 验证中文  
   CHS : \{  
    validator : function(value) \{  
    return /^\[\\u0391-\\uFFE5\]+$/.test(value);\},  
    message : "只能输入汉字"  
   \},  
   // 字符验证  
   stringCheck : \{  
    validator : function(value) \{  
    return /^\[\\u0391-\\uFFE5\\w\]+$/.test(value);\},  
    message : "只能包括中文字、英文字母、数字和下划线"  
   \},  
   // 验证中文,英文,数字  
   stringCheckSub : \{  
    validator : function(value) \{  
    return /^\[a-zA-Z0-9\\u4E00-\\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 : ''

// 到服务器端验证

)

// --身份证号码验证-支持新的带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;

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

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, 8);

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

拓展2

$  
  .extend(  
    $.fn.validatebox.defaults.rules,  
    \{

idcard : \{// 验证身份证

validator : function(value) \{

return /^\\d\{15\}(\\d\{2\}\[A-Za-z0-9\])?$/i.test(value);

\},

message : '身份证号码格式不正确'

\},

minLength : \{

validator : function(value, param) \{

return value.length >= param\[0\];

\},

message : '请输入至少（2）个字符.'

\},

length : \{  
      validator : function(value, param) \{

var len = $.trim(value).length;

return len >= param\[0\] && len <= param\[1\];

\},

message : "输入内容长度必须介于\{0\}和\{1\}之间."

\},

phone : \{// 验证电话号码

validator : function(value) \{

return /^((\\d2,3  )|(\\d\{3\}\\-))?(0\\d2,3  |0\\d\{2,3\}-)?\[1-9\]\\d\{6,7\}(\\-\\d\{1,4\})?$/i  
         .test(value);

\},

message : '格式不正确,请使用下面格式:020-88888888'

\},

mobile : \{// 验证手机号码

validator : function(value) \{

return /^(13|15|18)\\d\{9\}$/i.test(value);

\},

message : '手机号码格式不正确'

\},

phoneNum : \{// 验证手机号码+固定电话

validator : function(value) \{

return /^(((((010)|(02\\d)))\[2-8\]\\d\{7\})|(0\[3-9\]\\d\{2\}\[2-8\]\\d\{6,7\})|(0?(?:147|1\[358\]\\d)\\d\{8\}))$/i  
         .test(value);

\},

message : '手机号码格式不正确'

\},

intOrFloat : \{// 验证整数或小数

validator : function(value) \{

return /^\\d+(\\.\\d+)?$/i.test(value);

\},

message : '请输入数字，并确保格式正确'

\},

currency : \{// 验证货币

validator : function(value) \{

return /^\\d+(\\.\\d+)?$/i.test(value);

\},

message : '货币格式不正确'

\},

qq : \{// 验证QQ,从10000开始

validator : function(value) \{

return /^\[1-9\]\\d\{4,9\}$/i.test(value);

\},

message : 'QQ号码格式不正确'

\},

integer : \{// 验证整数

validator : function(value) \{

return /^\[+\]?\[1-9\]+\\d\*$/i.test(value);

\},

message : '请输入整数'

\},

age : \{// 验证年龄

validator : function(value) \{

return /^(?:\[1-9\]\[0-9\]?|1\[01\]\[0-9\]|120)$/i  
         .test(value);

\},

message : '年龄必须是0到120之间的整数'

\},

chinese : \{// 验证中文

validator : function(value) \{

return /^\[\\Α-\\￥\]+$/i.test(value);

\},

message : '请输入中文'

\},

english : \{// 验证英语

validator : function(value) \{

return /^\[A-Za-z\]+$/i.test(value);

\},

message : '请输入英文'

\},

unnormal : \{// 验证是否包含空格和非法字符

validator : function(value) \{

return /.+/i.test(value);

\},

message : '输入值不能为空和包含其他非法字符'

\},

username : \{// 验证用户名

validator : function(value) \{

return /^\[a-zA-Z\]\[a-zA-Z0-9\_\]\{5,15\}$/i.test(value);

\},

message : '用户名不合法（字母开头，允许6-16字节，允许字母数字下划线）'

\},

faxno : \{// 验证传真

validator : function(value) \{

// return /^\[+\]\{0,1\}(\\d)\{1,3\}\[\]?(\[-\]?((\\d)|\[  
       // \])\{1,12\})+$/i.test(value);

return /^((\\d2,3  )|(\\d\{3\}\\-))?(0\\d2,3  |0\\d\{2,3\}-)?\[1-9\]\\d\{6,7\}(\\-\\d\{1,4\})?$/i  
         .test(value);

\},

message : '传真号码不正确'

\},

zip : \{// 验证邮政编码

validator : function(value) \{

return /^\[1-9\]\\d\{5\}$/i.test(value);

\},

message : '邮政编码格式不正确'

\},

ip : \{// 验证IP地址

validator : function(value) \{

return /d+.d+.d+.d+/i.test(value);

\},

message : 'IP地址格式不正确'

\},

name : \{// 验证姓名，可以是中文或英文

validator : function(value) \{

return /^\[\\Α-\\￥\]+$/i.test(value)  
         | /^\\w+\[\\w\\s\]+\\w+$/i.test(value);

\},

message : '请输入姓名'

\},

date : \{// 验证姓名，可以是中文或英文

validator : function(value) \{

// 格式yyyy-MM-dd或yyyy-M-d

return /^(?:(?!0000)\[0-9\]\{4\}(\[-\]?)(?:(?:0?\[1-9\]|1\[0-2\])\\1(?:0?\[1-9\]|1\[0-9\]|2\[0-8\])|(?:0?\[13-9\]|1\[0-2\])\\1(?:29|30)|(?:0?\[13578\]|1\[02\])\\1(?:31))|(?:\[0-9\]\{2\}(?:0\[48\]|\[2468\]\[048\]|\[13579\]\[26\])|(?:0\[48\]|\[2468\]\[048\]|\[13579\]\[26\])00)(\[-\]?)0?2\\2(?:29))$/i  
         .test(value);

\},

message : '清输入合适的日期格式'

\},

msn : \{

validator : function(value) \{

return /^\\w+(\[-+.\]\\w+)\*@\\w+(\[-.\]\\w+)\*\\.\\w+(\[-.\]\\w+)\*$/  
         .test(value);

\},

message : '请输入有效的msn账号(例：[abc@hotnail(msn/live).com)'][abc_hotnail_msn_live_.com]

\},

same : \{

validator : function(value, param) \{

if ($("\#" + param\[0\]).val() != "" && value != "") \{