Jquery，验证，向 PHP 提交表单（Ajax 问题）

Question

很早就开始玩 Javascript、Jquery 和 Validate。

我正在使用提交按钮的onClick方法进行表单提交。

<input class="submit" type="submit" value="Submit" onClick="submitForm()" />

我正在使用提交，以防没有数据或不是每个字段都经过测试。

逻辑正常，但 AJAX 调用似乎不正常。我已将 PHP 剥离为

<?php

touch('phpTouch.txt');
phpinfo();
sleep(30;)
?>

javascript是

$(document).ready(function () {
    $('#formEnquiry').validate();
});

function submitForm() {
    $('#msgid').append('<h1>Submitting Form (External Routine)</h1>');
    if ($('#formEnquiry').validate().form() ) {
        $("#msgid").append("<h1>(Outside Ready) VALIDATED send to PHP</h1>");
            $.ajax({
            url: "testPHP.php",
            type: "POST",
            data: frmData,
            dataType: "json",
            success: function () {
                alert("SUCCESS:");
            },
            error: function () {
                alert("ERROR: ");
            }
        });
    } else {
        $('#msgid').append('<h1>(Outside Ready) NOT VALIDATED</h1>');
    }
    return false;  // Prevent the default SUBMIT function occurring (is this a fact ??)
};

谁能告诉我我做错了什么。

谢谢

Answer 1

做这些事情

将 HTML 标记上的 onClick="submitForm()" 更改为 onclick="submitForm(event)"
现在像这样更改submitForm 函数。

function submitForm(evt) {
    $('#msgid').append('<h1>Submitting Form (External Routine)</h1>');
    if ($('#formEnquiry').valid() ) {
        $("#msgid").append("<h1>(Outside Ready) VALIDATED send to PHP</h1>");
            $.ajax({
            url: "testPHP.php",
            type: "POST",
            data: frmData,
            contentType: "application/json;",
            success: function () {
                alert("SUCCESS:");
            },
            error: function (a, b, c) {
                alert(a.statusText);
            }
        });
    } else {
        $('#msgid').append('<h1>(Outside Ready) NOT VALIDATED</h1>');
    }
    evt.preventDefault();
};

请注意这些事项

1. 检查.valid() 以确定表单的有效性
2. 调用.preventDefault() 而不是return false;（它更像jQuery-ish）