Как я могу исправить мой логин для JavaScript?

Question

Я пытаюсь сделать базовую проверку для моей формы входа, но, похоже, она не работает.

Вот мой код: Сценарий:

var attempt = 3; // Variable to count number of attempts.
// Below function Executes on click of login button.
function validate(){
    var email = document.getElementById("email").value;
    var password = document.getElementById("password").value;
    if ( email == "admin@gmail.com" && password == "1234"){
        alert ("Login successfully");
        window.location = "success.html"; // Redirecting to other page.
        return false;
    }
    else{
        attempt --;// Decrementing by one.
        alert("You have left "+attempt+" attempt;");
// Disabling fields after 3 attempts.
        if( attempt == 0){
            document.getElementById("username").disabled = true;
            document.getElementById("password").disabled = true;
            document.getElementById("submit").disabled = true;
            return false;
        }
    }
}

HTML:

<form>
                    <div class="form-group">
                        <label for="exampleInputEmail1">Email address</label>
                        <input type="email" class="form-control" name="email" aria-describedby="emailHelp" placeholder="Enter email">
                        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Password</label>
                        <input type="password" class="form-control" name="password" placeholder="Password">
                    </div>
                    <div class="form-group form-check">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
                        <label class="form-check-label" for="exampleCheck1">Check me out</label>
                    </div>
                    <button type="submit" class="btn btn-primary">Submit</button>
                </form>

PS Я включил документ сценария в свою HTML-страницу.

Answer 1

Вам нужно привязать функцию проверки к чему-либо.Если предположить, что вы захотите привязать его к кнопке отправки, это будет выглядеть примерно так:

document.getElementsByTagName("button").addEventListener("click", validate );