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

时间:2023-12-27 14:51:25

如下图:

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

  //点击提交按钮保存数据
$('#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: '数据保存失败。'
});
}
});
});