easyUI中datagrid下的editor自定义校验规则及验证Demo(笔记)

easyUI版本为1.5

需求:用户输入可为空,只能输入正整数

1.自定义校验规则

//自定义校验规则
$.extend($.fn.validatebox.defaults.rules, {
	zhengzhengshu : {
		validator : function(value){
			var zzs = /^[0-9]\d*$/;
			return zzs.test(value);
		},
		message : '只能输入正整数.'
	}
});

2.datagrid中editor调用规则

{
	field : 'testF',
	title : '班所党支部',
	halign : 'center',
	align : 'center',
	width : 100,
	editor:{
		  type:'validatebox',
		  options:{
		  	  //需求为可为空,去掉required
			  //required : true,
			  validType:['zhengzhengshu','length[0,4]']
		  }
	  }
}

3.获取editor并校验输入正确性

//获取editor,idx为行索引
var ed = $('#tableId').datagrid('getEditor', {index:idx,field:'testF'});

//验证
if(ed && !$(ed.target).validatebox("isValid")){
	messager_show(false,'请按规则填写必填项');
	$('#tableId').datagrid('beginEdit',idx);
	return false
}

PS:

//editor赋值
var ed = $('#tableId').datagrid('getEditor', {index:idx,field:'testF'});
$(ed.target).val('test');