如何使用香草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> 

在這裏，我只想通過應用JavaScript函數爲HTML5我們可以做到檢查電子郵件？

編輯
以前一直不清楚/被誤解。我的問題是我們有像form.email.valid()布爾有效檢查，以便我們可以檢查電子郵件只使用JavaScript？

Answer 1

你應該改變你的按鈕輸入。 HTML5的提交按鈕需要如下所示：

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

此外，給你的電子郵件的佔位符將是不錯：

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

例jsFiddle。