当前位置: 代码迷 >> Web前端 >> easyui中的印证
  详细解决方案

easyui中的印证

热度:187   发布时间:2012-09-17 12:06:51.0
easyui中的验证

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}))$','请输入正确的联系方式']">

?

  相关解决方案