Jquery - Match zwei E-Mail-Adresse

Ich bin einrichten ein Anmeldeformular und verwenden Sie die jquery-Validierung Skript. Es gibt zwei E-Mail-Adresse Eingabe-Textfelder. E-Mail 1 müssen übereinstimmen E-Mail 2. Wie können wir überprüfen diese beiden E-Mail, um sicherzustellen, die 2. E-Mail-Spiel der 1. E-Mail? Hoffe, dass jemand helfen könnte mit der Validierung Skript. Hier ist meine Textboxen Programmieren.

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

Danke.

Aus Neugier, wie behandeln Sie es wenn der user Scripte deaktiviert? 🙂
Das ist ein sehr guter Punkt, Demian. Front-end-Validierung ist nur so gut, wie der Benutzer die javascript-Einstellungen.

InformationsquelleAutor Caremy | 2011-01-18

  1. 5
    if($("#author_email").val() != $("#author_confirm_email").val())
{
alert("emails don't match, sucka");
}
    Danke. Ich benutze den code von griegs und verwenden Sie die alert-Meldung. Scheinen in Ordnung arbeiten, jetzt
    SUKAAAAAAAAAAAA

    InformationsquelleAutor picus

  2. 0
    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');
}
}

    vielleicht hilft es, Sie zu lösen Rätsel.

    Vielen Dank für die Hilfe. Es zu schätzen wissen

    InformationsquelleAutor

  3. 0

    Auf das Weichzeichnen entweder Sie überprüfen könnten, um zu sehen, ob Sie die gleichen Werte haben. vergessen Sie nicht, zu gelten toLowercase().

    Können Sie auch ein validation plugin http://docs.jquery.com/Plugins/validation

    $(".email").blur(function(){
  //check to two here.
  if ($("#author_email").val() != $("#author_confirm_email").val())
  {
    //do something
  }
});
    Ich habe es zu arbeiten, basierend auf Ihre Codierung.
    $(".E-Mail").blur(function(){ //check, um die zwei hier. if ($("#author_email").val() != $("#author_confirm_email").val()) { alert("Bitte achten Sie darauf Ihre E-Mail-match"); } });

    InformationsquelleAutor griegs

  4. 0

    Etwas später Beitrag, aber ich war arbeiten, mein Validierung form, und ich Tue so:

    Eingang hat die gleiche Klasse, haben Sie 'E-Mail', so können Sie manipulieren, Sie auf diese Weise statt, dass bestimmte ids, und Sie können die Wiederverwendung der snippet einfacher an anderer Stelle:

    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');
  }
}

    InformationsquelleAutor Angel M.

Schreibe einen Kommentar