jquery easyui验证简单示例

发布时间:2020-02-12编辑:脚本学堂
本文介绍了jquery easyui中有关验证的方法,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}))$','请输入正确的联系方式']">