javascript - バニラ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。