您的位置:首页 > 产品设计 > UI/UE

easyui验证

2016-04-08 17:16 363 查看
easyui中这些规则已经实现:

[align=left]email:匹配E-Mail的正则表达式规则。[/align]

[align=left]url:匹配URL的正则表达式规则。[/align]

[align=left]length[0,100]:允许在x到x之间个字符。[/align]

[align=left]remote['http://.../action.do','paramName']:发送ajax请求需要验证的值,当成功时返回true。[/align]

自定义验证规则:

//自定义验证器
$.extend($.fn.validatebox.defaults.rules, {
midLength: {
validator: function(value, param){

return value.length >= param[0] && value.length <= param[1];
},
message: ''
},
//验证手机
mobile: {
validator: function (value) {
var reg = /^1[3|4|5|8|9]\d{9}$/;
return reg.test(value);
},
message: '输入手机号码格式不准确.'
},
//只能输入中文
CHS: {
validator: function (value) {
return /^[\u0391-\uFFE5]+$/.test(value);
},
message: '只能输入汉字!'
},
//账号只能为字母数字下划线
account: {
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: ''
}


如果要用到多个验证(多验证规则验证一个字段在1.3.2或更高版本中才可以使用):

validType:['CHS','midLength[2,5]']


在引入文件时注意顺序

<script type="text/javascript" src="../jquery-easyui-1.4.4/jquery.min.js" charset="utf-8"></script>
<!--(指定编码方式,防止出现乱码)引入EasyUI中使用的Jquery版本-->
<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.4/themes/default/easyui.css">
<!--引入CSS样式  -->
<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.4/themes/icon.css">
<!--Icon引入-->
<script type="text/javascript" src="../jquery-easyui-1.4.4/jquery.easyui.min.js" charset="utf-8"></script>
<!--(指定编码方式,防止出现乱码)引入EasyUi文件-->
<script type="text/javascript" src="../jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
<!--汉化-->
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: