使用 AJAX 和 JQuery 的 PHP 简单验证答案

【问题标题】：Simple Validation with PHP using AJAX and JQuery使用 AJAX 和 JQuery 的 PHP 简单验证
【发布时间】：2014-06-23 05:20:37
【问题描述】：

我是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>

提交表单.php：

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

【问题讨论】：

不多，我已经在网上搜索了一些使用 jquery 的简单验证部分，但这很难开始
最好的方法是通过互联网上的一些示例和教程来学习它

标签： php jquery html ajax validation

【解决方案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 选择器工作......）

【讨论】：

在validation.php 我可以像平常一样使用POST 方法吗？
是的，应该有一个 $_POST["name"] 变量和一个 $_POST["password"] 变量可用...
好的，但是我怎样才能从validation.php 中返回valid 变量呢？还有.done(function( data )){}这部分和if(valid{ return true })有什么区别
你可以让validation.php只回显'true'或'false'，所以是一个字符串。我已经更新了我的代码示例。
是的，如果您使用 JSON 作为请求的数据类型，“数据”将是实际的 JSON 对象

【解决方案2】：

有两种解决方案可能对您有所帮助

【讨论】：