電子メールアドレスを確認するためのHTMLパターンの方法はありますか

Question

ユーザーの電子メールアドレスの入力コントロールを持つフォームを作成しておき、もう1つのコントロールが必要です。それらが同じであることを確認するために「電子メールアドレス」を使用します。

私はこれらを現在持っていますが、検証はテストしていますが、それぞれが有効なアドレスであることを確認するだけですが、同じであることを確認しないでください。

HTML5でこれを行う方法はありますか？ JavaScriptのみ

<form name="f"> 
<p><input type="email" name="t1" value=""></p> 
<p><input type="email" name="t2" onblur="if(this.value!=forms.f.t1.value) alert('Nope!')"></p> 
</form> 

または、idの代わりformオブジェクトを使用してサンプルコードを使用してのビットと

<div class="form-group"> 
<label for="email">E-mail Address:</label> 
<input type="email" class="form-control" id="emailInput" placeholder="Email" aria-required="true" required/> 

<div class="form-group"> 
    <label for="confirmEmail">Confirm E-mail Address:</label> 
    <input type="email" class="form-control" id="ConfirmEmailInput" placeholder="ConfirmEmail" onblur="if(this.value!=forms.f.emailInput.value) alert('Nope!')" aria-required="true" required/> 
    </div> 

Answer 1

：

私のコードはこれです。

<div class="form-group"> 
    <label for="email">E-mail Address:</label> 
    <input type="email" class="form-control" id="emailInput" placeholder="Email" aria-required="true" required/> 
</div> 
<div class="form-group"> 
    <label for="confirmEmail">Confirm E-mail Address:</label> 
    <input type="email" class="form-control" id="ConfirmEmailInput" placeholder="ConfirmEmail" 
    onblur="if(this.value!=document.getElementById('emailInput').value) alert('Nope!')" aria-required="true" required/> 
</div>