У меня есть простая форма, которая запрашивает пароль, и кнопка, которая переводит вас на другую страницу, если пароль верный:
<div class="password">
<form>
<label for="pswd">Enter password: </label>
<input type="password" id="pswd">
<input type="button" id="myBtn" value="submit" onclick="checkPswd();" />
</form>
</div>
Я попытался включить отправку пароля, также нажав Enter,Javascript выглядит следующим образом:
<script type="text/javascript">
var input = document.getElementById("pswd");
input.addEventListener("keyup",function(event){
event.preventDefault();
console.log('event');
if(event.keyCode == 13){
document.getElementById("myBtn").click();
console.log("enter");
}
});
function checkPswd() {
var confirmPassword = "password";
var password = document.getElementById("pswd").value;
console.log(password)
if (password == confirmPassword) {
window.location="next.html";
}
else{
alert("Passwords do not match.");
}
}
</script>
Однако это не работает;ничего не происходит, когда я нажимаю ввод.Ничто не регистрируется в консоли.Если я добавляю прослушиватель событий ко всему документу, он регистрирует нажатие клавиши ввода, но говорит, что пароли не совпадают.Значение поля пароля кажется пустым.Что я делаю не так?
(обратите внимание, что это работает, когда я нажимаю кнопку подтверждения с помощью мыши)