停止提交表单,执行jQuery功能,然后提交表单


Stop form submitting, do jQuery function, then submit form

我已经为此工作了几个小时,几乎没有什么乐趣。我完全是jQuery的初学者。在提交表格时,我想停止表格处理,加载一个外部文件,然后处理表格。除了提交表格的最后一行之外,一切都正常。有人能给我指明正确的方向吗。

<script type="text/javascript">
    $("#form1").on('submit', function(e) {
        e.preventDefault();
        $("#a").load("saveData.php");
        $('#form1').submit();
    });
</script>

您需要

$("#form1").on('submit', function (e) {
    e.preventDefault();
    var form = this;
    $("#a").load("saveData.php", function(){
        form.submit(); // we need to use a non jQuery form reference here to prevent recursive submit calls
    });
});
$("#form1").on('submit', function (e) {
    e.preventDefault();
    var $this = this;
    $("#a").load("saveData.php", function(){
        $this.submit(); //assuming you want to submit the form after you have loaded the file
    });
});

您有一个无限循环,因为提交表单会再次调用您的提交处理程序。

忽略e.preventDefault();。当处理程序返回时,将进行正常的表单提交。