猿问

使用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>


      


饮歌长啸
浏览 219回答 3
3回答

SMILET

删除“禁用”事件。document.getElementById("botaoSignUp").removeAttribute("disabled");添加“禁用”事件。document.getElementById("botaoSignUp").setAttribute("disabled","");你不需要为“残疾人”写任何东西。

慕姐8265434

问题解决了,是一个糟糕的算法,它只检查所有表单是否正确填写在一个 if 中,而当它应该输入时却没有输入。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答