адрес электронной почты с подтверждением адреса электронной почты в контактной форме

Question

Я хотел бы указать адрес электронной почты пользователя с подтвержденным адресом электронной почты. Я пробовал проверку HTML5, но он не работает, и я не знаю почему. Я хотел бы использовать jQuery в моей контактной форме для соответствия.

<form action="contact.php" method="post" name="form1" id="form1"> 
    <input name="email" type="text" required="1" id="email" size="44" /> 
    <input name="emailConfirm" type="text" size="44" class="required email" equalTo='#email' equals="email" err="Confirm email must be the same as email" /> 
</form> 

Answer 1

Использование Javascript

<form action="contact.php" method="post" name="form1" id="form1"> 
    <input name="email" type="text" required="1" id="email"/> 
    <input name="emailConfirm" type="text" id="confemail" onblur="confirmEmail()"/> 
</form> 

JS

<script type="text/javascript"> 
    function confirmEmail() { 
     var email = document.getElementById("email").value 
     var confemail = document.getElementById("confemail").value 
     if(email != confemail) { 
      alert('Email Not Matching!'); 
     } 
    } 
</script> 

Answer 2

Попробуйте это

<div class="required"> 
    <label for="email">email</label><input type='email' id='p1'><br /><br /> 
    <label for="email">Confirm email</label><input type='email' 
    onfocus="validateMail(document.getElementById('p1'), this);" 
    oninput="validateMail(document.getElementById('p1'), this);"> 
</div> 



function validateMail(p1, p2) { 
if (p1.value != p2.value || p1.value == '' || p2.value == '') { 
    p2.setCustomValidity('email incorrect'); 
} else { 
    p2.setCustomValidity(''); 
} 
}