easyUI的form表单重复提交处理

Posted 2020-11-20 shihuibei

1. 问题

　　生产环境出现过新增用户提交, 入库两条重复数据的情况; 但是我查看代码, 页面做了校验, 后台插入数据也做了校验;  出现这种几率的事件的非常小的, 但是还是会碰到, 客户会对我们的产品产生怀疑, 所以解决这个问题很重要.

 

2. 解决办法

　　其实根本原因还是用户提交注册表单发生了重复提交, 只要杜绝重复提交就可以了; 所以提交表单之前加入遮罩层来解决, 代码如下:

 

function submit(){
    if(!$("#form").form(‘validate‘)){
         return false;
    }
    $(‘body‘).masked(‘load‘, ‘提交中...‘); // 遮罩层
    Ajax.request({
        url: addUserUrl;
        params:$("#form").serialize(),
        async:false,
        ok:function(data){
            $("body").masked("unload");  // 请求完成才去掉遮罩层
            tip(‘新增用户成功！‘);
        er:function(data){
            $("body").masked("unload");
            tip(‘新增用户失败！‘);
        }
});
}