检查输入密码后激活按钮

问题描述：

我想创建一个表单，其中输入了密码和按钮，如果输入的密码正确，则必须启用它。检查输入密码后激活按钮

这里是我已经有了代码：

<form> 
    <label for="password"><input type="password" name="password" size="15" id="password" onkeyup="activateBtn()" /></label> 
    <input type="submit" id='delete' class='delete' disabled name="delete" value='Reset' onclick="resetFunc()" /> 
</form> 

<script type="text/javascript"> 
    function activateBtn() { 
     pass = document.getElementById('password').value; 
     if (pass = "1917"){ 
      document.getElementById('password').onkeyup = function(){ 
       document.getElementById('delete').disabled = false; 
     } 
    }} 
</script> 
<script type="text/javascript"> 
    function resetFunc(){ 
     countDownDate = new Date(); localStorage.setItem('startDate', countDownDate); 
    } 
</script>

此时的按钮激活无论是在输入空间类型。

'通= “1917年”'是分配，'通== “1917年”'是有条件的 – masterpreenz

它可能对着干我的妻子，如果HTML文档在本地网络上，但请不要在客户端进行安全性保护，特别是密码在代码中明确说明。 – DarthJDG

非常感谢:)，是的，它只在本地 –

答

您已经使用单等于运算符。

请更新与==而不是 '='

function activateBtn() { 
 
pass = document.getElementById('password').value; 
 
console.log(pass); 
 
document.getElementById('delete').disabled = pass !== '1917'; 
 
} 
 
function resetFunc(){ 
 
countDownDate = new Date(); localStorage.setItem('startDate', countDownDate); 
 
}

<form> 
 
    <label for="password"><input type="password" name="password" size="15" id="password" onkeyup="activateBtn()" /></label> 
 
    <input type="submit" id='delete' class='delete' disabled name="delete" value='Reset' onclick="resetFunc()" /> 
 
</form>

而我的重置功能后，如何重定向到另一页？因为它名称上带有此密码的URL，然后该按钮被禁用？我的意思是我想要去例如index.php点击重置按钮并执行resetFunc（） –

答

if (pass = "1917"){应该if (pass == "1917"){

答

if (pass = "1917")没有比较的代码的代码，它的设置。（虽然这将是truthy。）

const txtPassword = document.getElementById('password'); 
 
const btnDelete = document.getElementById('delete'); 
 

 
txtPassword.addEventListener('keyup', (e) => { 
 
\t btnDelete.disabled = e.target.value !== '1917'; 
 
});

<form> 
 
    <label for="password">Password</label> 
 
    <input id="password" type="password"> 
 
    <input id="delete" type="submit" value="Delete" disabled> 
 
</form>

检查输入密码后激活按钮

相关推荐