php - PHP Ajax 送信ボタンの無効化/有効化

Question

私はこのサンプル コードを使用しています: http://www.w3schools.com/php/php_ajax_php.asp ライブ名前検索を行い、利用可能かどうかを表示します。

名前が使用されている場合はフォーム送信ボタンを無効にし、名前が使用可能な場合は有効にするにはどうすればよいですか?

どうもありがとう ：）

アドバイスをありがとう。これを関数に追加したところ、何かを入力するとボタンが無効になりました..

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    $('#submit').attr('disabled', 'disabled');
    }
  }

試合のためだけにこれを行うにはどうすればよいですか? ありがとう

Answer 1

コールバックで名前が返されたときに、送信ボタンに disabled="disabled" を追加します。

$('#submit-button').attr('disabled', 'disabled');

Answer 2

<input id="id_name"type="text" name="name" onKeyup="testName();"/>
<script>
function testName() {
 $.ajax({
  var data = $('#id_name').val();
  url:'test.php',
  success: function(data){
   if(/*name in use*/) {$('#submit-button').attr('disabled', 'disabled');}
   else {$('#submit-button').removeAttr("disabled");}
  }
  });
}
</script>

Answer 3

名前が一致するかどうかを確認してから、次のように無効または有効にする必要があります。

  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        if (xmlhttp.responseText == "available") {
            document.getElementById("submit-button").disabled = false;
        } else {
            document.getElementById("submit-button").disabled = true;
        }
    }