EasyUI 验证框使用方法: 


missingMessage:未填写时显示的信息 
validType:验证类型见下示例 
invalidMessage:无效的数据类型时显示的信息 
required="true" 必填项 
class="easyui-validatebox" 文本验证 
class="easyui-numberbox" 数字验证 

验证长度 length[0,2] 0-到2

min="5.5" max="20" precision="2" precision标识2位小数

 

验证组需要自己扩展

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

gtTo: {
    validator: function (value, param) {
       var v = $(param[0]).timespinner('getValue');  // get timespinner value
       if(!v){
          return false;
       }
       var time = moment(v,"HH:mm:ss");
       return  moment(value,"HH:mm:ss").isAfter(time);
    },
    message:'入点点必须小于出点'
},
ltTo:{
    validator: function (value, param) {
       var v = $(param[0]).timespinner('getValue');  // get timespinner value
       if(!v){
          return false;
       }
       var time = moment(v,"HH:mm:ss");
       return  moment(value,"HH:mm:ss").isBefore(time);
    },
    message:'出点必须大于入点'
}
}

 

异步验证:
$.extend($.fn.validatebox.defaults.rules, {
check: {
    validator: function(value, param){
       if(11 !=value.length){
          $.fn.validatebox.defaults.rules.check.message ="格式要求11位!";
           return false;
       }
        var returns =false;
        $.ajax({
              async:false,//同步模式
              type: "POST",
                url: param[0] + value,
                cache: false,
                dataType: "json",
                success: function (data) {
                   returns = eval(data);
                },
                error:function(){
                   returns= false;
                }
        });
        if(!returns){
           $.fn.validatebox.defaults.rules.check.message ='已被占使用';
        }
       return returns;
    },
    message: '已被占使用'
 }

}

 


  
posted on 2016-01-19 11:05  依然小菜菜  阅读(236)  评论(0)    收藏  举报