在表单中验证电子邮件后的操作

时间:2013-08-16 05:08:24

标签: javascript forms validation

我有以下代码来验证电子邮件地址:

<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
  with (field)
  {
    apos=value.indexOf("@");
    dotpos=value.lastIndexOf(".");
    if (apos<1||dotpos-apos<2) 
    {
      alert(alerttxt);
      return false;
    }
    else {return true;}
  }
}
function validate_form(thisform)
{
  with (thisform)
  {
    if (validate_email(email,"Not a valid e-mail address!")==false)
    {
      email.focus();
      return false;
    }
  }
}
</script>
</head>

现在在身体部分,我添加了

<body>
<form action="" method="post" onsubmit=validate_form(this) id="teacher_form">
</body>

这里发生的是,如果电子邮件地址错误,它会显示一条带有消息的弹出窗口,但随后表单被接受。在显示警报后停止接受表格的解决方案是什么?

1 个答案:

答案 0 :(得分:3)

<body>
<form action="" method="post" onsubmit="return validate_form(this)" id="teacher_form">
</body>

验证函数正在返回false,但它不会被onsubmit事件处理程序返回。这两件事都需要发生,以防止提交表单。