2016-02-04 5 views
0

как проверить электронную почту и повторить электронную почту на том же в обмене в jquery?Как проверить электронную почту и изменить адрес электронной почты?

<label class="labeln">Email Address: </label> 
<input type="email" required="" id="email" name="email" class="input1"> 
<label class="labeln">Repeat Email Address: </label> 
<input type="email" required="" id="remail" name="remail" class="input1"> 
+0

Вы не получите учебник здесь. Пожалуйста, добавьте дополнительную информацию к своему сообщению и задайте конкретный вопрос. –

ответ

2

Вам просто нужно выбрать input1 класс, потому что они имеют тот же класс
HTML

<label class="labeln">Email Address: </label> 
<input type="email" required="" id="email" name="email" class="input1"> 
<label class="labeln">Repeat Email Address: </label> 
<input type="email" required="" id="remail" name="remail" class="input1"> 

Javascript

$('.input1').on('change',function(){ 
    //Your validation here 
    //But use $(this).val() to get the value of the email 

    if(!isValidEmailAddress($(this).val())) { 
    /* do stuff here */ 

    } 
}); 

See this function по aSeptik

function isValidEmailAddress(emailAddress) { 
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i; 
    return pattern.test(emailAddress); 
}; 

See also this function

function validateEmail(email) { 
    var re = /^(([^<>()[\]\\.,;:\[email protected]"]+(\.[^<>()[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
    return re.test(email); 
} 
2

HTML

<label class="labeln">Email Address: </label> 
<input class="vEmail" type="email" required="" id="email" name="email"> 
<label class="labeln">Repeat Email Address: </label> 
<input class="vEmail" type="email" required="" id="remail" name="remail"> 
<script src="/js/jquery.validate.min.js'"></script> 
<script src="/js/additional-methods.min.js"></script> 

Script

$(".vEmail").change(function() { 
    //validate confirm email using jquery validate 
    $('#myform').validate({ 
     rules: { 
      email: 'required', 
      remail: { 
       equalTo: '#email' 
      } 
     }, 
     messages: { 
      email: { 
       required: "Please enter email" 
      }, 
      remail: { 
       equalTo: "Confirm email is not match" 
      } 
     } 
    }); 
} 
+0

вы можете отправить прямой URL-адрес src = "/ js/jquery.validate.min.js" src = "/ js/Дополнительные-методы.min.js" –

+0

знаменитый плагин здесь: http: // jqueryvalidation .org / –

Смежные вопросы