如何用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。