小编dro*_*dge的帖子

Javascript 表单验证提交错误

从我在网上看到的所有内容来看,以下代码似乎应该执行以下操作(这是我的期望):

  • 如果电子邮件(“aid”)与正则表达式不匹配,则显示警报消息并返回 false
  • 如果密码(“pass”)为空,则显示警报消息并返回 false
  • 如果两个条件都通过验证,请提交表单

JavaScript 如下:

function validate() {
var email = document.getElementById('aid').value;
var pass = document.getElementById('apw').value;        
var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
if (!emailPattern.test(email)) {
    alert("Not a valid email address");
    return false;
}
if (pass == null || pass == "") {
    alert("Password is blank");
    return false;   
}
return true;
}
Run Code Online (Sandbox Code Playgroud)

标签的开头如下:

<form action="choose.php" onsubmit="validate();" method="post">
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是,当单击提交按钮时,会弹出警报消息,但随后 Choose.php 会加载到浏览器中。我希望脚本在错误条件被触发时保留在页面上,直到两个条件都通过。

javascript forms validation

3
推荐指数
1
解决办法
3847
查看次数

标签 统计

forms ×1

javascript ×1

validation ×1