Javascript 我想做一份登记表,但脚本不能按我想要的方式工作
要验证检查点,表单必须在以下情况下显示警报:Javascript 我想做一份登记表,但脚本不能按我想要的方式工作,javascript,Javascript,要验证检查点,表单必须在以下情况下显示警报: 其中一个输入为空 密码少于8个字符 没有有效的电子邮件地址 密码必须是字符、数字和至少一个大写字母的组合 最后,重置按钮将所有输入重置为空: //Variable declaration var username=document.forms["Registration"]["name"]; var e_mail=document.forms["Registration"]["email"]; var password=document.form
- 其中一个输入为空
- 密码少于8个字符
- 没有有效的电子邮件地址
- 密码必须是字符、数字和至少一个大写字母的组合
- 最后,重置按钮将所有输入重置为空:
//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
- 密码少于8个字符
- 没有有效的电子邮件地址
- 密码必须是字符、数字和至少一个大写字母的组合
- 最后,重置按钮将所有输入重置为空
从表单中删除所有JavaScript代码后,您将发现表单中不再存在任何JavaScript错误;) 你的代码中到底有什么不起作用?密码检查不起作用是的,我知道,但我想用JSF做所有检查。为什么?你为什么要这样做?我的任务是使用JavaScriptA构建一个注册表单“任务”不应该告诉你怎么做。“任务”应该类似于创建注册表。该表单的具体构建方式应由开发人员决定。作为开发人员,您的工作是弄清细节。分配任务的人不需要要求用JavaScript完成任务,特别是当JS客观上是一种“错误”的方式时。
<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" />