檢查輸入密碼後激活按鈕

我想創建一個表單，其中輸入了密碼和按鈕，如果輸入的密碼正確，則必須啓用它。檢查輸入密碼後激活按鈕

這裏是我已經有了代碼：

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

此時的按鈕激活無論是在輸入空間類型。

來源

2017-09-15 kpi townhall

'通= 「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>

來源

2017-09-15 09:11:21

而我的重置功能後，如何重定向到另一頁？因爲它名稱上帶有此密碼的URL，然後該按鈕被禁用？我的意思是我想要去例如index.php點擊重置按鈕並執行resetFunc（） –

if (pass = "1917"){應該if (pass == "1917"){

來源

2017-09-15 09:07:23 kinggs

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>

來源

2017-09-15 09:13:44 dork

檢查輸入密碼後激活按鈕

回答

相關問題