easyUI在向后台发送请求增加一条记录的时候难免会要对所填内容的合法性进行验证,当然easyUI也提供了一些简单的验证方法如:对url,email必要性等方面的验证,但还是无法满足我们的要求。
easyUI提供了我们对验证的扩展方法。比如需要带有一些参数以及定制一些比较友好的提示信息。如果我们要对所填字符串是否是十六进制字符串进行判断。如下:
//16进制字符串判断
$.extend($.fn.validatebox.defaults.rules, {
hexString: {
validator: function(value,len_param){
var pattern = new RegExp("^[0-9A-F]{"+len_param[0]+"}$");
if(!(pattern.test(value))){
$.fn.validatebox.defaults.rules.hexString.message = len_param[1];
return false;
}else{
return true;
}
},
message:""
}
});
来看一下需要验证的地方如何使用该验证方法
$('#batchNo').validatebox({//这里validType中使用刚才扩展的验证方法hexString,并传入我们需要的参数和定制的提示信息
required: true,
validType: "hexString[4,'请输入长度为4在(0-9A-F)范围内的字符']"
});
最后我们来看一下使用了此验证方法的效果
好了,如果以后需要比较复杂的验证我们也不用担心了,自己增加想的的验证就行了。OK,验证就说到这里了。下次再来看一下其它控件的使用方法。