日期:2014-05-16  浏览次数:20355 次

easyui自定义验证,提示框修改
初学easyui,做了一个验证当前用户输入的号码是否存在.

输入框部分
<input type="text" class="easyui-validatebox" validType="numberId[6,'<c:url value='/rest/userM/userIdQuery'/>']" missingMessage="8位工号" id="userIdAdd" required="true" name="userIdAdd">


验证部分的代码
    numberId: {
        validator: function (value, param) {
         if(!/^[0-9]\d{7}$/.test(value)){
         $.fn.validatebox.defaults.rules.numberId.message = '请输入8位工号';
                return false;
         }else{
var data = {value:value};
var url = param[1];
$.post(url,data, function(result){
if(result>0){
$.fn.validatebox.defaults.rules.numberId.message = '工号已注册'; 
}else{
$.fn.validatebox.defaults.rules.numberId.message ='可以注册';
}
});
         }
        },
        message: ''
    },


如果已存在会提示如下


但是若是一个不存在号码,会提示可以注册,但是仍旧是红色的,比较碍眼,如下


现在的问题是:验证部分的代码怎么改,才能让它在在符合条件的时候没有红框和“可以注册”提示,我试过删掉else部分,没有效果。

先谢谢大家
------解决方案--------------------
easyui 做不到的,除非你修改easyui本身

尝试用
jquery-validation
https://github.com/jzaefferer/jquery-validation/archive/master.zip
可以

查看 demo\index.html\Custom methods and message display.