Кнопка Отключить / Включить

Question

У меня есть кнопка отправки для моей формы в моем PHP-файле, как показано ниже.

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

Теперь я отправляю асинхронный запрос с использованием объекта запроса,

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» атрибуту disabled элемента HTML.Измените последнюю строку на эту:

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

Answer 2

JQuery Verison

$("#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");
        }
    });
});

Answer 3

Отключение:

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

Включить:

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