标签：layer false permission 表单 提交 return js data

• 问题：在使用layer的弹出层中提交的表单数据到后台，在没有禁止表单提交的情况下，出现了两次重复提交的情况

• 在表单上面禁止表单提交onsubmit="return false;"可以阻止表单提交，但是也阻止我们后台的表单验证信息，不能采用

<form class="form-horizontal" action="{{route('permission.store')}}" method="post"
                      id="add_permission" onsubmit="return false;">

• 解决方式：在ajax方式请求完后台成功返回后使用js方式禁止掉表单的默认提交

$.ajax({
            url: "{{route('permission.store')}}",
            data: $('#add_permission').serialize(),
            type: 'post',
            async: false,
            success: function (data) {
                console.log(data)
                $('#add_permission').submit(function () {//禁止表单的默认提交事件
                    return false;
                })
                if (data.status_code == 200) {
                    flag = true;
                }
            },
            error: function (data) {
                return false
            }
        })

标签：layer,false,permission,表单,提交,return,js,data
来源： https://blog.csdn.net/weixin_43674113/article/details/121352634

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。