使用layer弹出层js方式提交表单重复2次问题

• 问题：在使用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
            }
        })