Добавление прослушивателя событий в кнопку с полем пароля - PullRequest
0 голосов
/ 19 декабря 2018

У меня есть простая форма, которая запрашивает пароль, и кнопка, которая переводит вас на другую страницу, если пароль верный:

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

Однако это не работает;ничего не происходит, когда я нажимаю ввод.Ничто не регистрируется в консоли.Если я добавляю прослушиватель событий ко всему документу, он регистрирует нажатие клавиши ввода, но говорит, что пароли не совпадают.Значение поля пароля кажется пустым.Что я делаю не так?

(обратите внимание, что это работает, когда я нажимаю кнопку подтверждения с помощью мыши)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...