EasyUI validatebox 自定义ajax验证用户名是否已存在

Posted mzqworld

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EasyUI validatebox 自定义ajax验证用户名是否已存在相关的知识,希望对你有一定的参考价值。

<td><input type="text" id="userName" name="userName" class="easyui-validatebox" validType="userName[6,30]" required="true"/></td>

 

JS

$.extend($.fn.validatebox.defaults.rules, {
  userName: {
        validator: function(value,param){
          var data0 = false;
          if(value.length >= param[0] && param[1] >= value.length) {
            $.ajax({
              type: "POST",async:false,
              url:‘${pageContext.request.contextPath}/user/validate.do‘,
              dataType:"json",
              data:{"userName":value},
              async:false,
              success: function(data){
                data0=data.valid;
              }
            });
          }else{
            param[2] = "请输入"+param[0]+"-"+param[1]+"位字符.";
            return false;
          }

          param[2] = "用户名称已存在.";
          return data0;
          },
          message: ""
        }

}); 

以上是关于EasyUI validatebox 自定义ajax验证用户名是否已存在的主要内容,如果未能解决你的问题,请参考以下文章

EasyUI

扩展easyui 的表单验证

easyui-textbox 和 easyui-validatebox 设置值和获取值

对easyui-validatebox的验证类型的扩展

easyui -validatebox 验证框加载

easyui------修改validatebox过滤规则