-1

jquery/bootstrapフォームがあります。私のPHPは、電子メールアドレスがすでに使用されているかどうかをデータベースと照合しています。

電子メールアドレスが使用されている場合、次のように呼び出されますが、新しいウィンドウが表示されます。

echo'<p class="error">An account already exists for this email address. Please use a different email address</p>';

これはすべて正常に機能しますが、エラーメッセージをJqueryフォームに表示したいと思います。私はこれを行う方法に頭を悩ませているようには見えません。

このハンドラーを使用する必要があることはわかっていますが、エラーメッセージを配置する場所や、このコードがphpから読み取るエラーメッセージをどのように認識しているかがわかりません。さらに、フォームの電子メールフィールドの横にエラーメッセージを表示したいのですが

$(document).ready(function() {
    $('#form').submit(function() {
        $.ajax({
            type: 'POST',
            url: "process.php",
            data: dataString,
            success: function() {
            }
        })
        return false;
    });
});
4

1 に答える 1

0

エラーメッセージの処理は、プロパティで実行できsuccessます。関数はdata引数(からの応答process.php)を受け入れることができます。

success: function(data){
    //does data contain p.error?
    //get the contents of p.error, display it on the current page

    //for example:
    if( $(data).find("p.error.name").length ){
        //process name error here
        nameError = $(data).find("p.error.name").text();
        console.log(nameError);
    }
    if( $(data).find("p.error.email").length ){
        //process email error here
        emailError = $(data).find("p.error.email").text();
        console.log(emailError);
    }
}

上で定義された成功関数は、次のprocess.phpようになっていることを前提としています。

<div>
<p class="error name">Please enter a name.</p>
<p class="error email">Your email address is invalid.</p>

<!-- some other stuff here -->
</div>
于 2012-10-06T10:50:45.293 に答える