easyUI的validateBox属性

来源:互联网 发布:用java求1到100的质数 编辑:程序博客网 时间:2024/04/30 04:32

<body>

邮箱验证:<input type="text" validtype="email" required="true" missingMessage="不能为空" invalidMessage="邮箱格式不正确" /><br />
网址验证:<input type="text" validtype="url" invalidMessage="url格式不正确[http://www.example.com]" /><br />
长度验证:<input type="text" validtype="length[8,20]" invalidMessage="有效长度8-20" /><br />
1 汉字验证:<input type="text" validtype="CHS" /><br />
2 手机验证:<input type="text" validtype="mobile" /><br />
3 phone验证:<input type="text" validtype="phone" /><br />
4 ip验证:<input type="text" validtype="ip" /><br />
5 name验证:<input type="text" validtype="name" /><br />
6 username验证:<input type="text" validtype="username" /><br />
7 date验证:<input type="text" validtype="date" /><br />
8 english验证:<input type="text" validtype="english" /><br />
9 邮编验证:<input type="text" validtype="zipcode" /><br />
10 身份证验证:<input type="text" validtype="idcard" /><br />
11 minLength验证:<input type="text" validtype="minLength[3]" /><br />
12 intOrFloat验证:<input type="text" validtype="intOrFloat" /><br />
13 qq验证:<input type="text" validtype="qq" /><br />
14 integer验证:<input type="text" validtype="integer" /><br />
15 年龄验证:<input type="text" validtype="age" /><br />
16 unmormal验证:<input type="text" validtype="unnormal" /><br />
17 传真验证:<input type="text" validtype="faxno" /><br />

19 数字验证:<input type="text" validtype="number" /><br />
20 车牌验证:<input type="text" validtype="carNo" /><br />

21账号验证:<input type="text" validtype="account[8,20]" /><br />

远程验证:<input type="text" validtype="remote['checkname.aspx','name']" invalidMessage="用户名已存在"/>

</body>

<script>
$(function () {
//设置text需要验证
$('input[type=text]').validatebox();
//自定义validator.js
//扩展easyui表单的验证
$.extend($.fn.validatebox.defaults.rules, {


//1.验证汉字
CHS: {
validator: function (value) {
return /^[\u0391-\uFFE5]+$/.test(value);
},
message: '只能输入汉字'
},


//2.移动手机号码验证
mobile: {//value值为文本框中的值
validator: function (value) {
var reg = /^1[3|4|5|8|9]\d{9}$/;
return reg.test(value);
},
message: '输入手机号码格式不准确.'
},


//3.电话号码验证

phone: {// 验证电话号码

validator: function (value) {
return /^((\d{2,3})|(\d{3}\-))?(0\d{2,3}|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message: '格式不正确,请使用下面格式:020-88888888'
},

 

//4.验证IP

ip: {// 验证IP地址
validator: function (value) {
return /\d+\.\d+\.\d+\.\d+/.test(value);
},
message: 'IP地址格式不正确'
},

 

// 5.验证姓名,可以是中文或英文

name: {
validator: function (value) {
return /^[\Α-\¥]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
},
message: '请输入姓名'
},


// 6.验证用户名,可以是中文或英文
username: {// 验证用户名
validator: function (value) {
return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
},
message: '用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'
},

 

// 7.验证日期
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: '清输入合适的日期格式'
},

 

// 8.验证英语

english: {// 验证英语
validator: function (value) {
return /^[A-Za-z]+$/i.test(value);
},
message: '请输入英文'
},


//9.国内邮编验证
zipcode: {
validator: function (value) {
var reg = /^[1-9]\d{5}$/;
return reg.test(value);
},
message: '邮编必须是非0开始的6位数字.'
},

// 10.验证身份证
idcard: {// 验证身份证
validator: function (value) {
return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
},
message: '身份证号码格式不正确'
},

// 11.验证最小长度
minLength: {
validator: function (value, param) {
return value.length >= param[0];
},
message: '请输入至少(2)个字符.'
},

// 12.验证整数还是小数
intOrFloat: {// 验证整数或小数
validator: function (value) {
return /^\d+(\.\d+)?$/i.test(value);
},
message: '请输入数字,并确保格式正确'
},

// 13.验证QQ
qq: {// 验证QQ,从10000开始
validator: function (value) {
return /^[1-9]\d{4,9}$/i.test(value);
},
message: 'QQ号码格式不正确'
},
// 14.验证整数 可正负数
integer: {// 验证整数 可正负数
validator: function (value) {
return /^[+]?[1-9]+\d*$/i.test(value);

//return /^([+]?[0-9])|([-]?[0-9])+\d*$/i.test(value);
},
message: '请输入整数'
},

// 15.验证年龄
age: {// 验证年龄
validator: function (value) {
return /^(?:[1-9][0-9]?|1[01][0-9]|120)$/i.test(value);
},
message: '年龄必须是0到120之间的整数'
},


//16.验证是否包含非法字符
unnormal: {// 验证是否包含空格和非法字符
validator: function (value) {
return /.+/i.test(value);
},
message: '输入值不能为空和包含其他非法字符'
},

//17.验证传真
faxno: {// 验证传真
validator: function (value) {
// return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value);
return /^((\d{2,3})|(\d{3}\-))?(0\d{2,3}|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message: '传真号码不正确'
},

//18.验证数字

number: { 
validator: function (value, param) { 
return /^[0-9]+.?[0-9]*$/.test(value); 
}, 
message: '请输入数字' 
},

//19.验证密码两次的输入是否相同
same: {
validator: function (value, param) {
if ($("#" + param[0]).val() != "" && value != "") {
return $("#" + param[0]).val() == value;
} else {
return true;
}
},
message: '两次输入的密码不一致!'
},


//20.验证车牌号码
carNo: {
validator : function(value) {
return /^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value);
},
message : '车牌号码无效(例:粤B12350)'
},


//21.用户账号验证(只能包括 _ 数字 字母) 
account: {//param的值为[]中值
validator: function (value, param) 
{
if (value.length < param[0] || value.length > param[1]) 
{
$.fn.validatebox.defaults.rules.account.message = '用户名长度必须在' + param[0] + '至' + param[1] + '范围';
return false;

else 
{
if (!/^[\w]+$/.test(value)) 
{
$.fn.validatebox.defaults.rules.account.message = '用户名只能数字、字母、下划线组成.';
return false;

else 
{
return true;
}
}
},
message: ''
}
});
});

</script>

阅读全文
'); })();
0 0
原创粉丝点击
热门IT博客
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 小升初奥数精要15讲 小学奥数培训哪家好 幼儿园奥数班 小学奥数辅导教材 奥数如何学好 四年级奥数举一反三 奥数四年级 小学6年级奥数 一对一学奥数 小学奥数班价格 去哪里学奥数 小学二年级奥数培训 奥数课程 小学六年级奥数题库 五年级 奥数 奥数五年级 奥数六年级 五年级奥数辅导 奥数报名 奥数三年级 七年级奥数 小学学奥数有用吗 奥朵 奥朵灯具 松伟照明 奥朵灯饰 奥朵水晶灯 织朵旗舰店 松伟灯饰 奥杰 奥格 羊皮卷 奥格-曼狄诺 奥格曼狄诺 奥森公园 奥森 奥森英语 奥森老板曹跃彬女儿图片 奥森轮胎价格表 奥森轮胎质量怎么样 aosen 奥様