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

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

本文介绍了使用AJAX和JQuery使用PHP进行简单验证的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I am new to AJAX, and I want to learn how to validate a form. Suppose, I have a form with two input fields. When I click in submit I want to check the page with a php script.
When the validation is succesfull I want to redirect to the action="submitForm.php". When one or more fields are not valid according to the validation.php I want to stay on the page and gives a error message next to the field.

做到这一点的最佳方法是什么?

What is the best way to do that?

<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:

submitForm.php:

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

推荐答案

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

In order to process the fields before actually submitting the form, you can catch its submit event:

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

然后,在您的JavaScript中:

Then, in your 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选择器起作用...)

(you need to add an ID to the <input> fields in order for the jquery selectors to work...)

这篇关于使用AJAX和JQuery使用PHP进行简单验证的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-15 21:38