easy ui 验证框02

easyui的验证分为纯客户端验证和ajax验证。

1.纯客户端验证

使用easyui控件中的validatebox，配置required='true'等

2.Ajax验证

$("#password").validatebox({ required:"true" , validType:"remote['"+js+"system/validatePasswordOperator.action','password']", invalidMessage:"原密码输入不正确" })

其中validType指的是验证类型，这里指出用的是remote(远程）,invalidMessage指的是如果后台往前台写回的不是true，则显示的错误信息

3.自定义正则表达式规则

 

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

      customReg : {   

         validator: function(value, param){   

            var reg = new RegExp(param[0]);

if (!reg.test(value)) {  

            $.fn.validatebox.defaults.rules.customReg.message = param[1];

            return false;   

            }else{

            return true;

            }

          },   

         message: ''  

      }   

});

使用：

<input  type="text" name="fromContactTelephone" class="easyui-validatebox" required="true"  value="${sale.fromContactTelephone}" validType="customReg ['(\\d{11})|^((\\d{7,8})| (\\d{4}|\\d{3})-(\\d{7,8})|(\\d{4}|\\d{3})-(\\d{7,8})-(\\d{4}|\\d{3}| \\d{2}|\\d{1})|(\\d{7,8})-(\\d{4}|\\d{3}|\\d{2}|\\d{1}))$','请输入正确的联系方式 ']">