layui阻止刷新form，避免清空用户刚填写的数据

最新推荐文章于 2023-09-08 14:03:09 发布

拿什么放在你手心

最新推荐文章于 2023-09-08 14:03:09 发布

阅读量1.2k

点赞数

文章标签： layui

本文链接：https://blog.csdn.net/weixin_45303757/article/details/110699767

版权

layui中form表单提交失败，阻止刷新form，避免清空用户刚填写的数据
用户提交时经校验，数据库已经有完全相同的数据，因此添加失败，但是不关闭弹窗，也不刷新form，不清空用户刚填写的数据

//表单提交事件
    form.on('submit(btnSubmit)', function (data) {

        //校验已存在重复数据阻止刷新form，阻止清空用户刚填写的数据
        function stopDefault( e ) {
            //阻止默认浏览器动作(W3C)
            if ( e && e.preventDefault ){
                e.preventDefault();
            }else{//IE中阻止函数器默认动作的方式
                window.event.returnValue = false;
            }
            return false;
        }
        stopDefault();

        var ajax = new $ax(Feng.ctxPath + "XXX/XXX");
        ajax.set(data.field);
        var result=ajax.start();
        if (0==result.code) {
            Feng.error("添加失败！" + result.message);
        } else {
            Feng.success("添加成功！");
            //传给上个页面，刷新table用
            admin.putTempData('formOk', true);
            //关掉对话框
            admin.closeThisDialog();
        }
        return false;
    });