创建登录名并验证电子邮件地址

Question

我想用JavaScript创建一个登录页面，这是错误的代码。 我想要的是，当我输入错误的电子邮件地址时，当我将其留为空白时应显示警报，然后显示警报。

 function check(form) { if (form.email.value == "id@gmail.com") { alert("correct username") } else if (form.email.value == "") { alert("blank username") } var email = document.getElementById('email'); var filter = /^([a-zA-Z0-9_\\.\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$/; if (!filter.test(email.value)) { alert('Please provide a valid email address'); email.focus; return false; } } else if (form.pswrd.value == "123") { alert("correct details") } else if (form.pswrd.value == "") { alert("blank password") } } 

 <h1>Login </h1> <form name="login"> Username <input type="text" name="email"/> Password <input type="password" name="pswrd"/> <input type="button" onclick="check(this.form)" value="Login"/> <input type="reset" value="reset"/> </form> 

Answer 1

错误：

1. 您不应该在JavaScript中使用<script>标记。 它们无效。
2. 您尚未为input提供id="email" 。 所以那行不通。
3. 添加else部分以进行电子邮件验证。
4. 将password检查与email检查分开， if...else阻止。

工作片段

 function check(form) { if (form.email.value == "id@gmail.com") { alert("correct username") } else if (form.email.value == "") { alert("blank username") } else if (form.email.value != "") { var email = document.getElementById('email'); var filter = /^([a-zA-Z0-9_\\.\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$/; if (!filter.test(email.value)) { alert('Please provide a valid email address'); email.focus; return false; } } if (form.pswrd.value == "123") { alert("correct details") } else if (form.pswrd.value == "") { alert("blank password") } } 

 <h1>Login </h1> <form name="login"> Username <input type="text" name="email" id="email" /> Password <input type="password" name="pswrd"/> <input type="button" onclick="check(this.form)" value="Login" /> <input type="reset" value="reset"/> </form>