Question

我是AJAX的新手，我想学习如何验证表单。假设，我有一个带有两个输入字段的表单。当我点击提交时，我想用PHP脚本检查页面。
当验证成功时，我想重定向到action="submitForm.php"。当一个或多个字段根据我想留在页面上的validation.php无效时，会在字段旁边显示错误消息。

最好的方法是什么？

<html>
    <head>
    </head>
    <body>
        <form action="submitForm.php" action="POST">
            <input type="text" name="username" />
            <input type="password" name="password" />
            <input type="submit" name="submit" />
        </form>
    </body>
</html>

submitForm.php：

<?php
    echo $_POST["username"];
    echo "<br />";
    echo $_POST["password"];
?>

Answer 1

为了在实际提交表单之前处理字段，您可以捕获其提交事件：

<form action="submitForm.php" action="post" onsubmit="return MyValidation()">

然后，在你的javascript：

function MyValidation() {
    var valid = false;

    $.ajax({
        type: "POST",
        url: "validation.php",
        async: false,
        data: { name: $('#username').val(), password : $('#password').val() }
    })
    .done(function( data ) {
        if(data == 'true') {
            valid = true;
        }
    });         

    // not valid, return false and show some hidden message
    return valid;
}

（您需要在<input>字段中添加ID才能使jquery选择器正常工作...）

Answer 2

有两种解决方案可以帮助您

使用AJAX和JQuery使用PHP进行简单验证

2 个答案: