使用ajax,php和mysql进行表单验证

时间:2015-03-23 19:44:56

标签: javascript php jquery mysql ajax

我正在构建一个登录表单,并希望立即检查以确保该电子邮件地址是我的数据库中的地址。

我环顾四周,尝试了一些不同的东西来完成这项工作,但我似乎无法正常工作。

这是表格

<form>
<input type="text" id="email" name="email" placeholder="Email Address" onblur="checkEmail(this.value);" onchange="checkEmail(this.value);"/>
<input type="password" id="password" name="password" placeholder="Password"/>
<input type="button" id="login-signup" value="Login / Sign Up"/>
</form>

这是Javascript。这就是我认为问题所在。

function checkEmail(email) {
    // check to see if the email exists in the database using PHP and MySQL
    $.ajax({                                      
        url: 'login.php',               //the script to call to get data 
        type: 'post',  
        data: {
            email: $('#email').val()
        }, 
        dataType: 'json',               //data format      
        success: function(response) {       //on reception of reply
            if(response == 'match') {
                console.log('match');
            } else if (response == 'no match') {
                console.log('no match');
            } else if (response == 'error') {
                console.log('error');
            } else {
                console.log('who knows');
            }
        } 
    });

}

这里login.php如果我导航到mywebsite.com/login.php?email=email,那么一切正常,所以我知道这就是我需要的。我想问题出现在我的ajax

$db_host = "host";
$db_user = "user";
$db_pass = "pass";
$db_name = "name";


$db = new PDO('mysql:host='.$db_host.';dbname='.$db_name, $db_user, $db_pass);


if(isset($_GET['email'])) {
    $email = $_GET['email'];
    echo $email;
}

// Using prepared statements almost eliminates the possibility of SQL Injection.
$preparedQuery = $db->prepare("SELECT * FROM `members` WHERE `email` = :email");
$preparedQuery->bindValue(":email", $email);
$preparedQuery->execute();

// Retrieve the results from the database
$user = $preparedQuery->fetch(PDO::FETCH_ASSOC);

// If there is a user record print the user & pass... 
if($user != ''){
    echo 'match';
    $_SESSION['email'] = $email;
} else if ($user == '') {
    echo 'no match';
} else {
    echo 'error';
}

2 个答案:

答案 0 :(得分:2)

@ user4035建议从AJAX请求中删除数据类型,并获得返回结果的请求。 @Banik建议将$_GET更改为$_POST,这也有效。现在整个事情都很完美

答案 1 :(得分:1)

如果您尝试发送json对象,则需要读取原始数据。

$request_body = file_get_contents('php://input');
$email = json_decode($request_body, true);

然后,您将拥有数组中的电子邮件数据。您还可以删除ajax调用中的数据类型,并读取$ _POST ['email']中的数据。您正在发送帖子数据并尝试在$ _GET

中访问它