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

在回调中返回名称时，将“禁用=禁用”添加到提交按钮。

$（'＃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;
        }
    }

PHP Ajax禁用/启用提交按钮

3 个答案: