加一个JS来重写验证,文件名为:validator.js
内容为:
//扩展easyui表单的验证 $.extend($.fn.validatebox.defaults.rules, { //验证汉子 CHS: { validator: function (value) { return /^[\u0391-\uFFE5]+$/.test(value); }, message: '只能输入汉字' }, //移动手机号码验证 mobile: {//value值为文本框中的值 validator: function (value) { //var reg = /^1[3|4|5|8|9]\d{9}$/; var reg = /^^(1(([35][0-9])|(47)|[8][012356789]))[0-9]{8}$|\d{3}-\d{8}|\d{4}-\{7,8}|\d{7,8}$/; return reg.test(value); }, message: '输入手机号码格式不准确.' }, //国内邮编验证 zipcode: { validator: function (value) { ///^[1-9]\d{5}$/; var reg = /^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?$/; return reg.test(value); }, message: '邮编格式不准确.' }, //用户账号验证(只能包括 _ 数字 字母) 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: '' } })
在网站上:
//必填
required="true"
//必须为数字格式
class="easyui-numberbox" missingMessage="编号必须为数字格式"
//必须是email
validType="email"
//必须是电话号码
validtype="mobile"
比如:
<input type="text" id="addNum" class="easyui-numberbox" missingMessage="编号必须为数字格式" />
注:这里我是假设已经加入了easyui框架了的。这个功能是在那之上运行的。