尽管返回false，但表单的onsubmit内的AJAX调用仍提交了表单

Question

我有只将用于ajax调用的表格。 我通过onsubmit进行了ajax调用，以便能够对必填字段使用自动检查。 即使我在提交时返回假，表单仍会提交。 而且我注释掉了进行ajax调用的语句，表单未提交。 我在下面使用了我提供的。 为什么我不能阻止表单提交。

<form action="" method="post" onsubmit="ajaxReq (); return false;">
    <input type="hidden" name="type" value='something'>
    <input type="text" name="testText" required>
    <input type="submit" value="AJAX_TEST">
</form>

ajaxReq函数如下

//I will be using the data from the form inside data as the data of the ajax call
//Currently data in the form is ignored
function ajaxReq() {
    var ajaxSettings = {
        'url' : '',
        'async' : false,
        'type' : 'POST',
        'data' : {
            'type' : 'SOME_TYPE'
        },
        'success' : function(data) {
            data = JSON.parse(data);

            //emptying this part did not change the result
            //will be using data here

        }
    };

    $.ajax(ajaxSettings);

    return false;

}

Answer 1

给您的表单一个ID，例如id="myform"然后：

$('#myform').submit(function(e) {
  e.preventDefault();
  ajaxReq();
});