码迷,mamicode.com
首页 > 其他好文 > 详细

easyUI的form表单重复提交处理

时间:2018-06-27 14:04:35      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:IV   重复   val   去掉   pre   mit   fun   表单   遮罩层   

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(‘新增用户失败!‘);
        }
});
}

 

easyUI的form表单重复提交处理

标签:IV   重复   val   去掉   pre   mit   fun   表单   遮罩层   

原文地址:https://www.cnblogs.com/shihuibei/p/9233448.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!