JS無法從輸入中獲取價值

Question

問題是我無法獲取密碼字段的值-pso1的警報返回空值。
我在此代碼中沒有看到任何錯誤，因此我正在尋求幫助。

<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。 您需要調用該函數進行實際檢查。