[英]How to disable a button after enabling it with javascript?
I have a button that needs to be disabled until I have all the forms correctly filled. 我有一个需要禁用的按钮,直到我正确填写所有表格。 I can do it, but, when I enable the button, I can't disable it again when I remove any form. 我可以做到,但是,当我启用按钮时,我删除任何表单时都无法再次禁用它。
Code of the button 代码按钮
<form method="post">
<button type="submit" id="botaoSignUp"
name="botaoSignUp" disabled class="login100-form-btn">
Sign Up
</button>
</form>
Code to disable/enable the button 用于禁用/启用按钮的代码
if((document.getElementById("nameAviso")).textContent=="Ok"&&
(document.getElementById("emailAviso")).textContent=="Ok"&&
(document.getElementById("passAviso")).textContent=="Ok"&&
(document.getElementById("localAviso")).textContent=="Ok"){
document.getElementById("botaoSignUp").disabled = false;
}else{
document.getElementById("botaoSignUp").disabled = true;
}
Other elements 其他要素
<div class="wrap-input100">
<span class="label-input100">Full Name</span>
<input class="input100" type="text" name="name" placeholder="Name" onblur="showHint(this.value, 0)"><span id="nameAviso"></span>
<span class="focus-input100"></span>
</div>
<div class="wrap-input100">
<span class="label-input100">Email</span>
<input class="input100" type="email" name="email" placeholder="Email addess" onblur="showHint(this.value, 1)"><span id="emailAviso"></span>
<span class="focus-input100"></span>
</div>
<div class="wrap-input100">
<span class="label-input100">Password</span>
<input class="input100" type="password" name="pass" placeholder="*************" onblur="showHint(this.value, 2)"><span id="passAviso"></span>
<span class="focus-input100"></span>
</div>
<div class="wrap-input100">
<span class="label-input100">Localidade</span>
<input class="input100" type="text" name="localidade" placeholder="Localidade" onblur="showHint(this.value, 3)"><span id="localAviso"></span>
<span class="focus-input100"></span>
</div>
You have already added the disabled attribute in your button. 您已在按钮中添加了disabled属性。 Remove the attribute and trigger it from JS when required. 删除属性并在需要时从JS触发它。 Also put your statement in following function 还要将您的陈述放在以下函数中
$(document).ready(function() {
});
问题解决了,这是一个糟糕的算法,它只检查所有表单是否正确填充在if应该没有输入的内部。
Removes the "disabled" event. 删除“已禁用”事件。
document.getElementById("botaoSignUp").removeAttribute("disabled");
Adds the "disabled" event. 添加“已禁用”事件。
document.getElementById("botaoSignUp").setAttribute("disabled","");
You don't need to write anything for "disabled". 您不需要为“禁用”编写任何内容。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.