easyui验证

easyui中这些规则已经实现：

• email：匹配E-Mail的正则表达式规则。
• url：匹配URL的正则表达式规则。
• length[0,100]：允许在x到x之间个字符。
• remote['http://.../action.do','paramName']：发送ajax请求需要验证的值，当成功时返回true。

自定义验证规则：

            //自定义验证器
            $.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>  
    <!--汉化-->

 

转载于:https://www.cnblogs.com/yeming/p/5368949.html