自定义easyui中组件的validatebox
在easyui中的文档中可以得知它是继承与easyui的原始validatebox,那么我们可以按照它的格式写出自己的validatebox中的属性.
//为easyui中的demo
$.extend($.fn.validatebox.defaults.rules, {
equals: {
validator: function(value,param){
return value == $(param[0]).val();
},
message: 'Field do not match.'
}
});
其中要注意的代码为,jQuery中
$.post("url",date,function(json){
功能代码,为异步请求不会按照顺顺序执行
})
那么我们就可以仿造的写出中的validType:name
$.extend($.fn.validatebox.defaults.rules, {
name: {
validator: function (value, param) {
var is = true;
//取到form表单的值,如果row.username与textbox不配就执行
//查询操作
var row = emp_datagrid.datagrid("getSelected");
if (row) {
if (row.username == value) {
return true;
}
}
$.ajax({
url: '/employee/queryByUsername',
data: {username: value},
async: false,//默认为true,那么是同步,false为异步
type: "POST",
success: function (data) {
is = data.msg;
}
});
return is;
},
message: '用户名重复'
}
});