Bestätigen Sie das Passwort mit jQuery Validate

Ich versuche jQuery validate plugin zur Bestätigung mein Passwort Eintrag.

Aber ich will nicht, dass es ein Pflichtfeld sein.

Nur, WENN ein Benutzer das Passwort ändern möchten, würden Sie brauchen, um es zu bestätigen.

Wenn nicht beide Felder sollten nicht validiert werden.

jQuery('.validatedForm').validate({
    rules: {
        password: {
            required: true,
            minlength: 5
        },
        password_confirm: {
            required: true,
            minlength: 5,
            equalTo: "#password"
        }
    }
});

Dieser funktioniert perfekt, jedoch wieder, beide Felder sind erforderlich.

Ich möchte diese optional, falls jemand will nur zu ändern, beispielsweise Ihre E-Mail oder Benutzername und lassen Sie das Passwort allein.

InformationsquelleAutor der Frage ldrocks | 2013-02-05

  1. 109

    Entfernen Sie die required: true Regel.

    Demo: Fiddle

    jQuery('.validatedForm').validate({
            rules : {
                password : {
                    minlength : 5
                },
                password_confirm : {
                    minlength : 5,
                    equalTo : "#password"
                }
            }

    InformationsquelleAutor der Antwort Arun P Johny

  2. 17

    Nur eine kurze Glockenspiel hier, um hoffentlich anderen zu helfen... vor Allem mit der neueren version (seit dem das ist 2 Jahre alt)...

    Anstatt einige statische Felder definiert, in JS ist, können Sie auch die data-rule-* Attribute. Sie können built-in-Regeln sowie benutzerdefinierte Regeln.

    Sehen http://jqueryvalidation.org/documentation/#link-list-of-built-in-validation-methods für built-in-Regeln.

    Beispiel:

    <p><label>Email: <input type="text" name="email" id="email" data-rule-email="true" required></label></p>
<p><label>Confirm Email: <input type="text" name="email" id="email_confirm" data-rule-email="true" data-rule-equalTo="#email" required></label></p>

    Hinweis: die data-rule-* Attribute.

    InformationsquelleAutor der Antwort Half Crazed

  3. 4

    Es funktioniert, wenn der id-Wert und der name-Wert sind unterschiedlich:

    <input type="password" class="form-control"name="password" id="mainpassword">
password: {     required: true,     } , 
cpassword: {required: true, equalTo: '#mainpassword' },

    InformationsquelleAutor der Antwort Krishna Kumar

  4. 1

    Ich bin Implementierung in Play Framework und bei mir funktionierte es so:

    1) Beachten Sie, dass ich die verwendeten Daten -, Regel-equalTo im input-tag für den id-inputPassword1.
    Den code-Bereich der userform in meine Modal:

    <div class="form-group">
    <label for="pass1">@Messages("authentication.password")</label>
    <input class="form-control required" id="inputPassword1" placeholder="@Messages("authentication.password")" type="password" name="password" maxlength=10 minlength=5>
</div>
<div class="form-group">
    <label for="pass2">@Messages("authentication.password2")</label>
    <input class="form-control required" data-rule-equalTo="#inputPassword1" id="inputPassword2" placeholder="@Messages("authentication.password")" type="password" name="password2">
</div>

    2)Da ich früher validator innerhalb eines Modalen

    $(document).on("click", ".createUserModal", function () {
       $(this).find('#userform').validate({
           rules: {
               firstName: "required",
               lastName: "required",
               nationalId: {
                   required: true,
                   digits:true
               },
               email: {
                   required: true,
                   email: true
               },
               optradio: "required",
               password :{
                   required: true,
                   minlength: 5
               },
               password2: {
                   required: true
               }
           },
           highlight: function (element) {
               $(element).parent().addClass('error')
           },
           unhighlight: function (element) {
               $(element).parent().removeClass('error')
           },
           onsubmit: true
       });

   });

    Hoffe, dass es jemand hilft :).

    InformationsquelleAutor der Antwort Melis

  5. 1
    jQuery('.validatedForm').validate({
        rules : {
            password : {
                minlength : 5
            },
            password_confirm : {
                minlength : 5,
                equalTo : '[name="password"]'
            }
        }

    In der Regel werden Sie nicht verwenden id="password" wie diese.
    So können Sie [name="password"] statt "#password"

    InformationsquelleAutor der Antwort PhonPanom

Schreibe einen Kommentar