JavaScript не связывается с HTML на сервере - PullRequest
0 голосов
/ 18 марта 2020

Я пытаюсь соединить мой HTML файл с JavaScript, но мой JavaScript не работает на сервере, но если я открываю файл в браузере напрямую, он работает. Я написал тег script в конце формы в файле HTML.

<div class="signup sign">
    <form class="form" action="signup" method="POST">
            <h1>Signup</h1>
            <p>
                <label for="name">Name</label>
                <input class="input" name="name" type="text" id="name" placeholder="John Doe">
            </p>

            <p>
                <label for="email">Email</label>
                <input class="input" type="text" name="email" id="email" placeholder="john@doe.com">
            </p>

            <p>
                <label for="pass1">Password</label>
                <input class="input" type="password" name="pass1" id="pass1" placeholder="password">
            </p>

            <p>
                <label for="pass2">Confirm</label>
                <input class="input" type="password" name="pass2" id="pass2" placeholder="password">
            </p>

            <input type="submit" class="submit button" value ="Sign Up">
    </form>
    <script src="app.js"></script>
</div>

У меня оба файла хранятся в одном каталоге, а имя JavaScript file is "app. js».

var submit = document.querySelector(".submit").addEventListener('click', func);
function func() {
    var name = document.querySelector('#name').value;
    var email = document.querySelector('#email').value;
    var pass1 = document.querySelector('#pass1').value;
    var pass2 = document.querySelector('#pass2').value;
    let reName = /^[A-Z a-z]+$/

    if (!reName.test(name)) {
        alert("Invalid Name")
        return false
    }

    let reEmail = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/

    if (!reEmail.test(email)) {
        alert("Invalid Email")
        return false
    }

    if (pass1 !== pass2) {
        alert("Passwords dont match")
        return false
    }

    if (pass1.length < 5 || pass1.length > 12) {
        alert("Enter password of length 5 to 12")
        return false
    }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...