2017-07-29 14 views
-2
<script 
src="https://code.jquery.com/jquery-3.2.1.min.js" 
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
    crossorigin="anonymous"></script> 
    <script> 
    $(document).ready(function(){ 
    $("#submit").on('click',function() 
    { 
    var email=$("#email").val(); 
    var pnumber=$("#pnumber").val(); 
    $.ajax(
    { 
    url:'action.php', 
    method:'post', 
    data:{ 
    email:email, 
    pnumber:pnumber 
    }, 
    success:function(response) 
    { 
$("#error").html(response); 
}, 
datatype:'text' 
} 
); 
} 
); 
}); 
</script> 

私は電話番号と電子メールIDを含むフォームを作成しました。送信ボタンをクリックすると、リクエストがサーバーに送られ、サーバーは電話番号がデータベースに存在し、電子メールIDがデータベースに存在するかどうかをチェックします。 電子メールIDがデータベースに存在する場合は、電子メールがすでに存在し、電話番号と同じメッセージを表示する必要があります。jqueryでajaxレスポンスを処理する方法は?

サーバーからの応答を得るためにjquery応答を使用しています。 jqueryでその応答を検証する方法は? 電話番号のエラーが応答の場合は、フォームページの電話番号列にエラーメッセージが表示されます。

電子メールエラーが応答の場合は、フォームページの電子メールID列にエラーメッセージが表示されます。

iamはサーバー側でPHPを使用しています。

iamはフォームページの特定のフィールドにエラーメッセージを表示するために、その応答が電話番号エラーか電子メールエラーかどうかを実際に確認する方法を尋ねます。

答えて

0
$response = array(); 
    if($phn_number){ 
    $response['phn_number_exist'] = 'phone number exist'; 
    }else{ 
    $response['phn_number_error'] = 'phone number error'; 
    } 

    if($email){ 
    $response['email_exist'] = 'email exist'; 
    }else{ 
    $response['email_error'] = 'email error'; 
    } 

    echo json_encode($response); 

    //and in your script 

    success: function(data){ 
    obj =JSON.parse(data); 
    if(obj.phn_number_error){ 
    alert('phone number error'); 
    } 
if(obj.email_error){ 
    alert('email error'); 
    } 
    } 
+0

ありがとう@prince – john

関連する問題