您的位置:首页 > 产品设计 > UI/UE

easy ui 表单提交添加遮罩,避免数据重复提交

2015-09-12 09:53 393 查看
如下图:



//点击提交按钮保存数据
$('#btn_submit').click(function () {
//增加遮罩层
$.messager.progress({
title: '温馨提示',
msg: '请稍后...',
text: '数据正在保存中...'
});
$("#companyForm").form('submit', {
url: 'Handler/CompanyHandler.ashx?Func=addcompany',
onSubmit: function () {
var isValid = $("#companyForm").form('validate');
if (!isValid) {
$.messager.progress('close');//关闭遮罩
}
return isValid;    // 返回false终止表单提交
},
success: function (result) {
$.messager.progress('close');//关闭遮罩
$.messager.show({
title: '提示',
msg: '数据保存成功。'
});
}, failure: function (result) {
$.messager.progress('close');//关闭遮罩
$.messager.show({
title: '提示',
msg: '数据保存失败。'
});
}
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: