JS沒有從輸入中獲得價值

Question

問題是我無法獲取密碼字段的值 - 使用pso1的警報返回null。我在代碼中看不到任何錯誤，所以我要求（求助）求助。

<form class='container' onsubmit="return checkit()"> 
    <h1> Javascript </h1> 
    Login <input type='text' id='log'><br> 
    Password <input type='password' id='pso1'><br> 
    Confirm passwordd <input type='password' id='pso2'><br> 
    <button>Register</button> 
</form> 

<script type="text/javascript"> 
    var pso1=document.getElementById('pso1').value ; 
    var pso2=document.getElementById('pso2').value ;  
    alert(pso1); 
    function checkit(){ 
     if(pso1=!pso2){ 
      return false; 
      alert('Passwords are not the same.'); 
     } 
     else{ 
      return true; alert('work'); 
     } 
    } 

</script> 

</body> 

Answer 1

在你的代碼是在頁面加載後，一旦其權值改變之前設置的pso1和ps02值。你會想，而不是更新這些值，聲明他們作爲自己的函數中的局部變量：

function checkit(){ 
    var pso1=document.getElementById('pso1').value; 
    var pso2=document.getElementById('pso2').value; 
    if(pso1=!pso2){ 
     return false; 
     alert('Passwords are not the same.'); 
    } 
    else{ 
     return true; alert('work'); 
    } 
} 

Answer 2

你只是聲明瞭函數checkIt。你需要調用該函數來實際檢查它。