有沒有辦法在 HTML 模式中確認電子郵件地址

Question

我想要一個包含用戶電子郵件地址輸入控件的表單，然后我想要另一個控件，即“確認電子郵件地址”以檢查它們是否相同。

我目前有這些，但正在測試驗證，他們只檢查每個地址是否有效，但不檢查它們是否相同。

有沒有辦法在 HTML5 中做到這一點？

我的代碼是這樣的：

<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

只需要一點 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>
<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>