jquery easyui 的demo中提供给了我们简单的url,required,length,email等校验,但这些简单的功能对于实际使用时远远不够,需要对validator进行扩展。方式如下:
$.extend($.fn.validatebox.defaults.rules, { alpha:{ validator:function(value,param){ if (value){ return /^[a-zA-Z\u00A1-\uFFFF]*$/.test(value); } else { return true; } }, message:'只能输入字母.' }, alphanum:{ validator:function(value,param){ if (value){ return /^([a-zA-Z\u00A1-\uFFFF0-9])*$/.test(value); } else { return true; } }, message:'只能输入字母和数字.' }, positive_int:{ validator:function(value,param){ if (value){ return /^[0-9]*[1-9][0-9]*$/.test(value); } else { return true; } }, message:'只能输入正整数.' }, numeric:{ validator:function(value,param){ if (value){ return /^[0-9]*(\.[0-9]+)?$/.test(value); } else { return true; } }, message:'只能输入数字.' }, chinese:{ validator:function(value,param){ if (value){ return /[^\u4E00-\u9FA5]/g.test(value); } else { return true; } }, message:'只能输入中文' } });
在html中可以如下方式使用我们自定义的validator:
<label>数量:</label><input id="quantity" name="quantity" class="easyui-validatebox" required="true" validType="positive_int" >