javascript - 使用 JavaScript 验证 HTML 表单输入

Question

Possible Duplicate:
Validate email address in Javascript?

我有一个 HTML 表单，它使用 PHP/MySQL 发布到数据库。在表单的电子邮件部分，如果用户输入的电子邮件地址格式无效，我希望向用户显示一条错误消息。我正在根据这样的代码进行建模，但我无法让它工作。

请注意，每当我点击表单上的提交按钮时，表单都会提交，并且 PHP 操作工作正常。问题是我可以在表格中输入任何我喜欢的内容，并且会顺利通过。我希望它显示错误消息“不是有效的电子邮件地址”。我知道我也可以通过 PHP 进行验证，但我也想在客户端进行验证。

有人可以帮忙吗？

    <script type="text/javascript">
function validateEmail()
{
var x=document.forms["test"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
 {
alert("Not a valid e-mail address");
return false;
 }
 }
  </script>


  <form name"test" action="roads.php" onsubmit="return validateEmail();" method="post">

  <input type="text" name="email" placeholder="Enter your e-mail" />

   <input type="submit" value="Show Me!" />

   </form>

Answer 1

您在 html 中缺少 =，这不会构成名称测试的形式。并且 javascript 无法找到名称测试的形式，并抛出错误...检查 控制台日志 JavaScript 错误..

<form name"test" action="roads.php" onsubmit="return validateEmail();" method="post">

<form name="test" action="roads.php" onsubmit="return validateEmail();" method="post">

Working code