easyui 的样式 和Bootstrap css 有冲突,不要一起使用
日期禁止输入
editable="false"
-------------------------------------------------
向后台传值更新grid
function serachLoadDataGrid() {
$('#CustomerInfo').datagrid('load', serliaze(myform)); //reload会记住当前查询的页码刷新当前页,只能查询当前页,不要用reload,load返回到第一页,调用的地址是datagrid的URL
};
----------------------------------------------------
var flag = false;
flag = $("#CustomerInfoformdiv").form("validate"); 验证div 内的表单是否通过
console.info(flag);
if (!flag) {
return false;
}
//ajax提交表单 要先判断验证是否通过
submitCustomerInfoform();
---------------------------------------
扩展
//提示框 msg属性
$(function () {
$('input.easyui-validatebox').validatebox({
tipOptions: { // the options to create tooltip
showEvent: 'mouseenter',
hideEvent: 'mouseleave',
showDelay: 0,
hideDelay: 0,
zIndex: '',
onShow: function () {
if (!$(this).hasClass('validatebox-invalid')) {
if ($(this).tooltip('options').msg) {
$(this).tooltip('update', $(this).tooltip('options').msg);
} else {
$(this).tooltip('tip').hide();
}
} else {
$(this).tooltip('tip').css({
color: '#000',
borderColor: '#CC9933',
backgroundColor: '#FFFFCC'
});
}
},
onHide: function () {
if (!$(this).tooltip('options').msg) {
$(this).tooltip('destroy');
}
}
}
}).tooltip({
position: 'right',
content: function () {
var opts = $(this).validatebox('options');
return opts.msg;
},
onShow: function () {
$(this).tooltip('tip').css({
color: '#000',
borderColor: '#CC9933',
backgroundColor: '#FFFFCC'
});
}
});
});
/////验证
$.extend($.fn.validatebox.defaults.rules, {
minLength: {//minLength[5]
validator: function(value, param) {
return value.length >= param[0];
},
message: '请输入长度最少 {0} 的字符.'
},
isnumber: {//validType:'isnumber' 调用
validator: function(value) {
//校验是否全由数字组成
var patrn = /^[0-9]{1,20}$/;
//if (!patrn.exec(value)) return false;
//return true;
return patrn.exec(value);
},
message: '请输入数字'
}
});
--------------------------
序列化表单
function serliaze(form) { //序列化表单 fromid对象
var obj = {};
$.each(form.serializeArray(), function (index) {
if (obj[this['name']]) {
obj[this['name']] = obj[this['name']] + ',' + this['value'];
} else {
obj[this['name']] = this['value'];
}
});
return obj;
}