JQuery Validate - Confirmer l'e-mail de validation de formulaire

J'ai un quiz, et j'ai besoin d'ajouter un peu de la validation d'un confirm email address champ, fondamentalement, il suffit de faire correspondre l'adresse de courrier électronique dans le champ ci-dessus. Je suis en utilisant le code javascript suivant, puis-je ajouter quelque chose, là, qui va s'assurer que les e-mails match? 

if ($('#mtQuiz').length > 0) {
    $('#myQuiz').validate({
        errorElement: "em",
        errorContainer: $("#warning"),
        rules: {
            'entry[first_name]':            'required',
            'entry[last_name]':     'required',
            'entry[email]': {
                required: true,
                email: true
            },
            'entry[confirm_email]': {
                required: true,
                email: true
            }
        },
        messages: {
            'entry[first_name]':    'Please enter first name',
            'entry[last_name]': 'Please enter last name',
            'entry[email]': {
                required: ' Please enter a valid email address',
                minlength: 'Not a valid email address'
            },
            'entry[confirm_email]': {
                required: ' Please make sure email matches above',
                minlength: 'Does not match above email address'
            }
                      }
    });
}
  • Il n'y a aucune bonne raison pour vous poster une deuxième version de cette question aujourd'hui. s'il vous Plaît ne pas poster des doublons... toujours modifier/supprimer ou de suivi avec votre première question.
InformationsquelleAutor Karina McGourty | 2014-03-30
  1. 7
    if ($('#mtQuiz').length > 0) { //<- unnecessary and superfluous
    $('#myQuiz').validate({
        //options, etc.
    });
}

    Vous êtes à l'aide de jQuery, donc vous n'avez pas besoin de vérifier l'existence de #myQuiz avec if ($('#mtQuiz').length > 0). Si le #myQuiz élément n'existe pas, jQuery sera tout simplement l'ignorer sans erreurs.

    C'est tout ce que vous devez faire...

    $('#myQuiz').validate({  //initialize the plugin
    //options, etc.
});

    Pour correspondre à la valeur d'un autre champ, il suffit d'utiliser le equalTo à la règle. Tout en utilisant la equalTo règle, il n'est pas nécessaire de dédoubler les autres règles depuis equalTo force toujours la valeur pour correspondre à la primaire de la valeur du champ qui a déjà suivi ses règles.

    $('#myQuiz').validate({
    //options, etc.,
    rules: {
        'entry[first_name]': 'required',
        'entry[last_name]': 'required',
        'entry[email]': {
            required: true,
            email: true
        },
        'entry[confirm_email]': {
            //required: true,  //<- redundant, not needed with 'equalTo'
            //email: true      //<- redundant, not needed with 'equalTo'
            equalTo: '[name="entry[email]"]' //<- any valid jQuery selector
        }
    },
    //other options, etc.
});

    DÉMO: http://jsfiddle.net/JCY2E/

    InformationsquelleAutor Sparky
  2. 2

    Ont un look à equalTo méthode.

    $('#myQuiz').validate({
  ...
  rules: {
    ...
    'entry[confirm_email]': {
      equalTo: "entry[email]"
    }
  }
});
    • Merci, va prendre un coup d'oeil!
    InformationsquelleAutor Sergio A.