Чтобы проверить контрольную точку, форма должна показать предупреждение, если
И, наконец, кнопка сброса сбросит все входы на пустые:
//Variable declaration
var username=document.forms["Registration"]["name"];
var e_mail=document.forms["Registration"]["email"];
var password=document.forms["Registration"]["psw1"];
var passwordcheck=document.forms["Registration"]["psw2"];
//add eventListener
username.addEventListener("blur", NameVerify, true);
e_mail.addEventListener("blur", EmailVerify, true);
password.addEventListener("blur", PasswordVerify, true);
passwordcheck.addEventListener("blur", PasswordVerify, true);
// validate the registration
function Validate(){
if (username.value= = "")
{
alert("username is required");
username.focus()
return false;
}
if (e_mail.value= = "")
{
alert("Email is required");
e_mail.focus()
return false;
}
if (password.value= = "")
{
alert("Password is required");
password.focus()
return false;
}
if (passwordcheck.value= = "")
{
alert("Re-enter your password");
passwordcheck.focus()
return false;
}
if (password.value != passwordcheck.value){
alert("Password do not match!!")
passwordcheck.focus()
return false;
}
}
//check the username value
function NameVerify(username){
if (username.value !=0) {
document.querySelector.backgroundColor = lightGrey;
return true;
}
}
//check the e_mail
function EmailVerify(e_mail){
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.`\w{2,3})+$/.test(Registration.email.value))`
{
return (true)
}
alert("You have entered an invalid email address!")
e_mail.focus()
return (false)
}
//check the password
function PasswordVerify(password){
var psw = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,20}$/;
if (password.value.match(psw))
{
alert('Correct, try another...')
return true;
}
else
{
alert('Wrong!!')
return false;
}
}
// clear all text inputs when the page is loaded
function clearInp() {
document.getElementsByTagName("input").value = "";
return true;
}
//reset all text fields
function Reset() {
document.querySelector("#Registration").reset();
return true;
}
Проверка пароля не работает



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Ничего из этого не требует никакого JavaScript.
<input type = "text" required /><input type = "password" minlength = "8" /><input type = "email" /><input type = "password" pattern = "(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).{8,}" /><input type = "reset" value = "Reset form" />После того, как вы удалите весь код JavaScript из формы, вы обнаружите, что в вашей форме больше нет ошибок JavaScript;)
да, я знаю, но я хочу проводить все проверки с помощью JS
Почему? Зачем тебе это нужно?
моя задача - создать регистрационную форму с помощью JavaScript
«Задача» не должна указывать вам, как это делать. «Задача» должна быть чем-то вроде создания регистрационной формы. Как именно будет построена эта форма, зависит от вас, разработчика. Это ваша работа как разработчика - выяснять детали. Это не работа того, кто назначил задачу, требовать, чтобы она выполнялась на JavaScript, особенно когда JS объективно является «неправильным» способом ее выполнения.
Что именно не работает с вашим кодом?