Jquery - совпадение двух адресов электронной почты - PullRequest
1 голос
/ 18 января 2011

Я настраиваю регистрационную форму и использую скрипт проверки jquery.Есть два поля ввода адреса электронной почты.Адрес электронной почты 1 должен совпадать с адресом электронной почты 2. Как мы проверяем эти два адреса электронной почты, чтобы убедиться, что второй адрес соответствует первому адресу?Надеюсь, кто-то может помочь с сценарием проверки.Вот мое кодирование текстовых полей.

<label  class="input required">7. Email Address:</label>
<input name="author_email" id="author_email" class="inputclass pageRequired email" maxlength="254" title="Email address required" /> <br />

<label  class="input required">8. Confirm Email:</label> 
<input name="author_confirm_email" id="author_confirm_email" class="inputclass pageRequired email" equalTo:"#author_email" maxlength="254" title="Please confirm your email address" /> <br />

Спасибо.

Ответы [ 4 ]

5 голосов
/ 18 января 2011
if($("#author_email").val() != $("#author_confirm_email").val())
{
alert("emails don't match, sucka");
}
0 голосов
/ 12 сентября 2015

Вклад немного запоздал, но я работал над формой проверки, и я делаю так:

оба ввода имеют один и тот же класс, у вас есть 'email', поэтому вы можете вместо этого манипулировать имис определенными идентификаторами, и вы можете проще использовать фрагмент в другом месте:

if ($('.email').length == 2) {
  var first_email = $('.email').first();
  var second_email = $('.email').last();
  if (first_email.val() != '' && first_email.val() != second_email.val()) {
    console.log('emails does not match');
  }
  else{
    console.log('emails match');
  }
}
0 голосов
/ 18 января 2011
function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
}
function validation(){
var firstmail  = $("#author_email").val();
var secondmail  = $("#author_confirm_email").val();
if(firstmail.length != 0){
if(!isValidEmailAddress(firstmail)){
$("#error").html('please fill first mail valid');
}

}
else
$("#error").html('first mail is required');
if(secondmail.length != 0){
if(!isValidEmailAddress(secondmail)){
$("#error").html('please fill second mail valid');
}
}
else
$("#error").html('second mail required');

if(firstmail != secondmail){
$("#error").html('mail not match');
}
}

возможно, это поможет вам решить головоломку.

0 голосов
/ 18 января 2011

При размытии любого из них вы можете проверить, имеют ли они одинаковые значения.не забудьте применить toLowercase ().

Вы также можете использовать плагин проверки http://docs.jquery.com/Plugins/validation

$(".email").blur(function(){
  //check to two here.
  if ($("#author_email").val() != $("#author_confirm_email").val())
  {
    //do something
  }
});
...