extend jquery easyui validator

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" >

你可能感兴趣的:(html,jquery)