Semantic UI Form Validation Not Matchant ne fonctionne pas

Question

// Enregistrer la validation du formulaire
  $('.register-form')
  .form({
    on: 'blur',
    fields: {
      registerEmail: {
        identifier  : 'registerEmail',
        rules: [{
            type   : 'email',
            prompt : 'Veuillez saisir une adresse e-mail valide.'
        }]
      },
      registerPassword: {
        identifier  : 'registerPassword',
        rules: [{
            type   : 'empty',
            prompt : 'Veuillez saisir un mot de passe.'
        }]
      },
      registerPasswordVerify: {
        identifier  : 'registerPasswordVerify',
        rules: [{
            type   : 'match[registerPassword]',
            prompt : 'Vos mots de passe ne correspondent pas.'
        }]
      }
    },
    onSuccess: function() {
      $scope.createUser();
      console.log("Réussi");
    },
    onFailure: function() {
      console.log("Échec");
    }
  });

Je ne suis pas sûr de ce qui ne va pas exactement ici, mais j'essaie simplement de faire correspondre les deux champs de mot de passe mais je reçois toujours l'erreur "Vos mots de passe ne correspondent pas". Voici aussi mon HTML :

        Mot de passe

        Vérifier le mot de passe

Answer 1

J'ai eu le même problème. Après avoir essayé quelques options, je me suis rendu compte que registerPassword à l'intérieur de match[registerPassword] est indéfini. match ne recherche pas le nom de l'entrée, mais l' id de l'entrée.
Donc si vous mettez id="registerPassword" dans votre champ de mot de passe. Cela devrait fonctionner. Je ne sais pas pourquoi ce n'est pas dans la documentation.

Answer 2

Tous les champs seront remplis en ajoutant un ID à chaque entrée

Mot de passe

    Vérifier le mot de passe