Question

我正在努力验证一个简单的表格，但我只是想不出什么毛病。这是一个未经验证的简单示例：

<form name="loginForm">
  <input type="email" name="email" id="email" required/>
  <input type="submit" value="save" />
</form>

Answer 1

使用type="email"将验证“ a @ b”，这当然是无效的电子邮件地址。

您可以使用一种模式来验证电子邮件地址，如下所示：

<form name="loginForm">
  <input type="email" name="email" id="email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"/>
  <input type="submit" value="save" />
</form>

Answer 2

您的代码似乎没问题。用你的代码。如果要测试表单是否正常，可以在正确提交表单后添加表单操作来重定向用户（操作=“ newPage.html）：

<body>
<form id="loginForm" action="newPage.html">  
    Your mail:
    <input type="email" name="email" id="email" required/>

    <input type="submit" value="Save form" />
</form>

所以现在要测试，您必须使用所需的主体创建“ newPage.html”文件：

<body>
   <p>good submit</p>
</body>

如果出现新页面，则可以提交！

HTML表单未得到验证

2 个答案: