Я пытаюсь соединить мой 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
}
}