データが存在する場合はフォームボタンを無効にする

Question

私は、ユーザーが電子メールアドレスを入力して存在しないことを確認した場合に警告します。

電子メールアドレスが存在する場合はボタンを無効にできますが、すべてOKなら無効にしたいと考えています。

form.html：

<script> 
function checkemail() 
{ 
var email=document.getElementById("email").value; 

if(email) 
{ 
    $.ajax({ 
    type: 'post', 
    url: 'checkdata.php', 
    data: { 
    email:email, 
    }, 
    success: function (response) { 
    $('#email_status').html(response); 
    if(response=="OK") 
    { 
    return true;  
    } 
    else 
    { 
    return false; 
    } 
    } 
    }); 
} 
else 
{ 
    $('#email_status').html(""); 
    return false; 
} 
} 
</script> 

<input type="email" id="email" name="email" onkeyup="checkemail();" required> 
<span id="email_status"></span> 
<input type="button" id="submit-button" value="Submit"> 

checkdata.php：

<?php 

error_reporting(E_ALL); 

include($_SERVER["DOCUMENT_ROOT"]."/dbconnect.php"); 

if(isset($_POST['email'])) 
{ 
$emailId=$_POST['email']; 

$checkdata=" SELECT email FROM membership_main WHERE email='$emailId' "; 

$query = mysqli_query($conn, $checkdata); 

if(mysqli_num_rows($query)>0) 
{ 
    echo "Email address already exists."; 
} 
    else 
{ 
    echo "OK"; 
} 
exit(); 
} 
?> 

Answer 1

置き換えます

if(response=="OK") { 
    return true;  
} else { 
    return false; 
} 

で：

if(response=="OK") { 
    $('#submit-button').prop('disabled', false) 
    return true;  
} else { 
    $('#submit-button').prop('disabled', true) 
    return false; 
} 

他の必要がない限り、return true/false行も削除することができます。