Kombinieren von zwei Validierungen in jQuery für das Passwortfeld

Question

Ich habe ein Anmeldeformular, und ich verwende eine 3rd-Party-Bibliothek, um die Eingaben zu validieren. Diese Bibliothek bietet sehr schöne und coole Effekte für die Validierung, aber ich muss eine weitere Überprüfung durchführen, um sicherzustellen, dass das Passwort und das Passwort übereinstimmen. Wie kann ich das über jQuery machen? Hier ist mein Code:

<div class="form-group"> 
    <label>Password</label> 
    <input type="password" class="form-control" name="password" /> 
</div> 
<div class="form-group"> 
    <label>Retype Password</label> 
    <input type="password" class="form-control" name="password2" /> 
</div> 

und jQuery Teil:

$('#registrationForm').formValidation({ 
    framework: 'bootstrap', 
    fields: { 
     password: { 
      validators: { 
       notEmpty: { 
        message: 'The password is required' 
       } 
      } 
     }, 
     password2: { 
      validators: { 
       notEmpty: { 
        message: 'Password conformation is required' 
       }, 
       equalTo: { 
        field: 'password', 
        message: 'The password cannot be the same as username' 
       } 
      } 
     } 
    } 
}); 

Was soll ich anstelle der Fragezeichen setzen, um mein Problem zu lösen? Oder vielleicht bin ich völlig falsch mit der Syntax?

Answer 1

Working Fiddle

Html:

<form id="formCheckPassword"> 

    <div class="form-group"> 
    <label>Password</label> 
    <input type="password" class="form-control" name="password" id="password" /> 
    </div> 
    <div class="form-group"> 
    <label>Retype Password</label> 
    <input type="password" class="form-control" name="cfmPassword" id="cfmPassword" /> 
    </div> 
    <input type="submit" value="submit" /> 
</form> 

und JQuery Regeln:

$("#formCheckPassword").validate({ 
    rules: { 
    password: { 
     required: true, 
     minlength: 6, 
     maxlength: 10, 

    }, 

    cfmPassword: { 
     equalTo: "#password", 
     minlength: 6, 
     maxlength: 10 
    } 


    }, 
    messages: { 
    password: { 
     required: "the password is required" 

    } 
    } 

}); 

Update wie auf Anfrage:

$('#RegistrationForm').formValidation({ 
    framework: 'bootstrap', 
    fields: { 
     password: { 
      validators: { 
       identical: { 
        field: 'confirmPassword', 
        message: 'The password and its confirm are not the same' 
       } 
      } 
     }, 
     confirmPassword: { 
      validators: { 
       identical: { 
        field: 'password', 
        message: 'The password and its confirm are not the same' 
       } 
      } 
     } 
    } 
}); 

Answer 2

Ich sehe es nicht in dieser Syntax arbeiten. Wenn Sie es über jQuery tun wollen (wie Sie bereits erwähnt), können Sie einfach die Werte überprüfen:

var password1 = $('input[name=password]').val(); 
var password2 = $('input[name=password2]').val(); 
var match = password1 == password2