Javascript 禁用/启用按钮
我在PHP文件中有一个表单提交按钮,如下所示Javascript 禁用/启用按钮,javascript,ajax,Javascript,Ajax,我在PHP文件中有一个表单提交按钮,如下所示 <input type="submit" name="submit" value="submit" disabled="true" /> 这里基本上是检查用户名的可用性,现在我启用提交按钮,如果用户名可用。但它实际上并没有启用按钮。有人能告诉我为什么吗?去掉引号,您所做的是在HTML元素的disabled属性中指定一个字符串“false”。将最后一行更改为: document.getElementById("submit").disa
<input type="submit" name="submit" value="submit" disabled="true" />
这里基本上是检查用户名的可用性,现在我启用提交按钮,如果用户名可用。但它实际上并没有启用按钮。有人能告诉我为什么吗?去掉引号,您所做的是在HTML元素的
disabled
属性中指定一个字符串“false”。将最后一行更改为:
document.getElementById("submit").disabled = false;
禁用:
document.getElementById("submit").setAttribute('disabled', 'disabled');
启用:
document.getElementById("submit").removeAttribute('disabled');
jqueryverison
$("#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");
}
});
});
请检查就绪状态是否为4。是否检查了firebug?是否可以验证“check”元素的innerHTML是否正在使用ResponseText更新?这是在启用submit按钮之前完成的。如果它是更新的,那么我们需要看到您的HTML。请发布HTML代码段。您不使用jquery之类的库有什么原因吗?这一切都可以简单地用几行来完成…@ilia choly-原因是我还不知道关于jquery之类的库的任何事情。!仍在学习。谢谢,但我真的什么都不懂,因为我对jquery不了解。出于好奇,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");
}
});
});