Question

我想使用AJAX提交表单。以下是我的代码。它在外部JS文件中：

$('form').submit(function (e) {
    alert("come");
    e.preventDefault();
    $.ajax({
        type: 'post',
        url: $(this).attr('action'),
        data: $(this).serialize(),
        success: function (data) {
            console.log(data);
            var dataSplit = data.split("-");
            if (dataSplit[0] === "done") {
                swal("Job Done!", "Your request is done!", "success");
            } else if (dataSplit[0] === "error") {
                swal("Cancelled", "Your request cant be done :(", "error");
            }
        },
        error: function (data) {
            console.log(data);
            swal("Cancelled", "Your imaginary request cant be done :(", "error");
        }
    });
});

它工作正常，但我的问题是我想在提交之前确认表单。这是我的JSP文件中的代码：

$('#Form').submit(function () {
    $.confirm({
        title: 'Confirm!',
        content: 'Simple confirm!',
        buttons: {
            confirm: function () {
                $.alert('Confirmed!');
               // $('#Form').submit();
            },
            cancel: function () {
                $.alert('Canceled!');
                return false;
            }
        }
    });
});

这段代码没问题。现在我的问题是如何在外部文件中调用提交函数whiting确认按钮功能当我在按钮函数中删除此//$('#Form').submit();代码中的注释时，它在jsp文件中的调用提交函数反复如何调用外部文件提交函数< / p>

Answer 1

好的，也许您的form包含属性action，因此您应删除属性action，如下所示：

// before
<form action="xx.jsp">
</form>

// after
<form>
</form>

希望可以帮助你〜

Answer 2

我找到了一些东西，我将按钮类型更改为按钮并在点击该按钮时调用确认功能并且是否为真提交表单

jquery覆盖表单提交

2 个答案: