Question

我希望有一个表单，其中包含用户电子邮件地址的输入控件，然后我想要另一个控件，即“确认电子邮件地址”，以检查它们是否相同。< / p>

我目前有这些但是测试验证，他们只检查每个是有效的地址，但不要检查它们是否相同。

有没有办法在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>

HTML模式中是否有一种方法可以确认电子邮件地址

1 个答案: