服务器端验证，客户端通知 - Server-side validation, client-side notification?

Server-side validation, client-side notification?

当用户用用户名和密码填写登录表单时，我使用php将输入的数据与SQL数据库中的"users"表中的数据进行比较，从而对输入的数据进行服务器端验证。我想通知用户，如果密码不正确，而不重定向他-使用javascript对话框，例如。这可能吗?我发现通知用户的唯一方法是:

if ($password_given != $password_from_db) {
    echo "Wrong password."; // Dull non-html notification issued by the server
};

或

if ($password_given != $password_from_db) {
    header('Location: index.php?page=wrongpassword'); //Need redirection
};

有什么不同的方法吗?

一个javascript获得输入的数据，将其发送到服务器进行处理是一个想法，但我怎么能返回一个结果的javascript使用?

JQuery

$.post("test.php", $("#testform").serialize())
.done(function(data) {
  if( data=='validated')
window.location.href = "successpage.php";
else
 alert ('password dont match!');
});

php

if ($password_given != $password_from_db) 
    echo "notvalidated."; 
else
   echo     echo "validated.";

可以使用AJAX -

<form onsubmit="return ajaxsubmit();">
...
</form>

Javascript——

function ajaxsubmit() {
    param = 'email=' + document.forms.login.email + '&' + 'pass=' + document.forms.login.pass;
    xhr = new XMLHttpRequest();
    xhr.open('POST', 'process.php', true);
    xhr.onload = function() {
        if(xhr.responseText.indexOf("Wrong")>=0) {
            //wrong password, ask user to try again
        } else {
            //correct password, redirect or do stuff.
        }
    };
    xhr.setRequestHeader('Content-type: application/x-www-form-urlencoded'); 
    xhr.send(param);
    return false;
}

您可以将服务器端验证代码保存在process.php中，并在表单所在的页面中使用上述代码。你就完成了。

可以对服务器进行Ajax调用，并允许用户根据服务器返回的结果登录或显示错误消息。