Question

我在＆quot; index.php`

中有一个表单

<form action="" method="POST" id="myForm" name="myForm">
    <input type="text" name="myInput" id="myInput" maxlength="9" onChange="runOnce();" />
</form>

在我的JS代码中我有：

function runOnce() {
    var form = document.getElementById("myForm");
    form.submit();
}

我也有JS来处理提交

$(document).ready(function() {
    $("#myForm").submit(function(event) {
         // prevent page refresh
         event.preventDefault();
         $.ajax({
             url: 'index.php',
             type: 'post',
             data: {
                 "myInput" : $('#myInput').val(), 
             },
             success: function(response) {
                 alert(response);
             }
         });
    });
});

在我的PHP部分我有

if (isset($_POST["myInput"])) {
    // do something. . . 
}

问题是，即使我有event.preventDefault();

，页面仍在刷新

我做错了什么？

Answer 1

你可以简单地使用：

function runOnce() {
    $("#myForm").submit(); // this will trigger jQuery submit handler and so preventing default behaviour
}

通过JS提交表单不会通过jquery

1 个答案: