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;
        }
    }