禁用/启用按钮

Question

我的 PHP 文件中有一个提交表单的按钮，如下所示。

 <input type="submit" name="submit" value="submit" disabled="true" />

现在我使用请求 object 发送异步请求，

document.getElementById("username").onblur=function(){ 
username(this.value);
 };

function username(value)
{
request = createRequest();
if(request==null) {
alert("Unable to create request");
return;
}
var url= "sign_up.php?value=" +
escape(value);
request.open("GET",url,true);
request.onreadystatechange = displayDetails;
request.send(null);
}
function displayDetails() {
if (request.readyState == 4) {
if (request.status == 200) {
checked = document.getElementById("check");
checked.innerHTML = request.responseText;
document.getElementById("submit").disabled="false";
}
}
} 

在这里它基本上是检查用户名的可用性，现在我启用提交按钮，如果用户名输入可用。 但它确实没有启用按钮。 有人能告诉我为什么吗？

Answer 1

去掉引号，您所做的是将字符串“false”分配给 HTML 元素的disabled属性。 将最后一行更改为：

document.getElementById("submit").disabled = false;

Answer 2

禁用：

document.getElementById("submit").setAttribute('disabled', 'disabled');

使能够：

document.getElementById("submit").removeAttribute('disabled');

Answer 3

jquery 版本

$("#username").blur(function(){
    $("#submit").attr("disabled","disabled");
    $.ajax({
        method: "GET",
        dataType: "html",
        url: "sign_up.php",
        data: {
            cmd: "check_username",
            value: $(this).val()
        },
        success: function(data){
            $("#check").html(data);
            $("#submit").removeAttr("disabled");
        },
        error: function(){
            $("#check").html("ajax error");
            $("#submit").removeAttr("disabled");
        }
    });
});