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