[英]How to disable a button after enabling it with javascript?
我有一個需要禁用的按鈕,直到我正確填寫所有表格。 我可以做到,但是,當我啟用按鈕時,我刪除任何表單時都無法再次禁用它。
代碼按鈕
<form method="post">
<button type="submit" id="botaoSignUp"
name="botaoSignUp" disabled class="login100-form-btn">
Sign Up
</button>
</form>
用於禁用/啟用按鈕的代碼
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;
}
其他要素
<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>
您已在按鈕中添加了disabled屬性。 刪除屬性並在需要時從JS觸發它。 還要將您的陳述放在以下函數中
$(document).ready(function() {
});
問題解決了,這是一個糟糕的算法,它只檢查所有表單是否正確填充在if應該沒有輸入的內部。
刪除“已禁用”事件。
document.getElementById("botaoSignUp").removeAttribute("disabled");
添加“已禁用”事件。
document.getElementById("botaoSignUp").setAttribute("disabled","");
您不需要為“禁用”編寫任何內容。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.