javascript - 如何使用 vanilla javascript 检查 html5 表单的有效性？

Question

HTML：

<form id="myform"  method="post">
    <input name="email"  type="email" required=""/>
    <input name="fname" type="text" required="" />
    <input name="zip" type="text" />
    <input  type="button" value="button" />
</form>

在这里，我想通过为html5应用 javascript 函数来检查电子邮件，我们可以这样做吗？

编辑
以前一直不清楚/误解。我的问题是我们是否有布尔有效检查，form.email.valid()以便我们只能使用 javascript 检查电子邮件？

Answer 1

你应该改变你的按钮输入。HTML5 提交按钮需要如下所示：

<button type="submit">Submit</button>

此外，给您的电子邮件一个占位符会很好：

<input name="email" type="email" placeholder="me@example.com" required=""/>

示例jsFiddle。