Faites correspondre deux champs avec le plugin de validation jQuery

Question

J'ai un champ e-mail et un champ e-mail de confirmation. J'ai besoin de valider les deux pour m'assurer que leurs valeurs correspondent.

Existe-t-il un moyen d'ajouter une règle pour faire correspondre ces deux champs?

Answer 1

Vous pouvez utiliser la méthode equalTo :

$('#myform').validate({
    rules: {
        email: 'required',
        emailConfirm: {
            equalTo: '#email'
        }
    }
});

Answer 2

Vous pouvez également le faire sur le deuxième champ:

 class="required email" equalTo='#email'

Answer 3

Vous pouvez utiliser cela

email: {
      required: true, email: true
      },
c_email: { 
                required: true, equalTo: "#email", minlength: 5
          },

<div class="form-row"><span class="label">email</span><input type="email" name="email" class="required" id="email" /></div>

<div class="form-row"><span class="label">Confirm email</span><input type="email" name="c_email" id="c_email" /></div>