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

Я хотел бы сопоставить адрес электронной почты пользователя с подтвержденным адресом электронной почты. Я пробовал проверку 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>

person Дтдця    schedule 14.08.2013    source источник


Ответы (2)


Использовать 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>
person aizaz    schedule 14.08.2013

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

<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>

Javascript

<script>        
function validateMail(p1, p2) {
if (p1.value != p2.value || p1.value == '' || p2.value == '') {
    p2.setCustomValidity('email incorrect');
} else {
    p2.setCustomValidity('');
}
}
</script>
person Pandiyan Cool    schedule 14.08.2013