简体   繁体   English

密码强度JQuery

[英]Password Strength JQuery

I need some help. 我需要协助。 I'm totally new to JS and Jquery and faced up with the following problem: I have 3 password field: current pass, new pass and confirm pass. 我是JS和Jquery的新手,面对以下问题:我有3个密码字段:当前密码,新密码和确认密码。 The Password meter checks all 3 fields, but I need only the new pass field. 密码表检查所有3个字段,但我只需要新的密码字段。

Here is the code 这是代码

$.validator.passwordRating.messages = {
        "similar-to-username": "similara cu emailul",
        "too-short": "prea scurta",
        "very-weak": "prea slaba",
        "weak": "slaba",
        "good": "buna",
        "strong": "excelenta"
    };

    $.validator.messages = {
        "email": "Scrie o adresa de email valida.",
        "password": "",
        "password_confirm": "",
        "required": "Acest camp este obligatoriu.",
    };

    var validator = $("#pass_form").validate({
        rules: {
            password: {
                password: "#password1"
            },
            password_confirm: {
                required: true,
                equalTo: "#password2"
            }
        },
        messages: {
            password_confirm: {
                required: "Repeta parola",
                minlength: jQuery.format("Parola trebuie sa fie de cel putin {0} caractere"),
                equalTo: "Scrie aceeasi parola"
            }
        }
    }); 

    $("#password").valid(); 

<form action="" method="post" id="pass_form">
                        <div class="element left">
                            <label for="password"><Bla/></label>
                            <input type="password" name="password" id="password" placeholder="Password">
                                    <label class="error"></label>

                        </div>
                        <div class="element left double">
                            <div class="left spacer">
                                <label for="password1"></label>
                                <input type="password" id="password1" name="password1" placeholder="New Pass">

                                    <label class="error"></label>

                            </div>
                            <div class="left spacer" id='password_div'>
                                <label for="password2"><fmt:message key="profile.profile_data.parola_noua2"/></label>
                                <input type="password" id="password2" name="password2" oninput="compare()"/>
                                <label class="error" id='compare_error'></label>

                                    <label class="error">/></label>

                                <input type="hidden" name="password1hid" id="password1hid" value=""/>
                            </div>
                            <div class="left strength">
                                <div class="password-meter">
                                    <div class="password-meter-message">&nbsp;</div>
                                    <div class="password-meter-bg">
                                        <div class="password-meter-bar"></div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="element left">
                            <button onclick="document.getElementById('pass_form').submit()" name="password"></button>
                            <input type="hidden" name="field" id="field" value="pass" />

                        </div>                            
                    </form>
var validator = $("#pass_form").validate({
        rules: {

//Enter the id of new password.. i have used password1
password1: {
                //Conditions
            },
//Enter the id of confirm new password.. i have used password2
            password2: {
                  //Conditions
            }
        },
        messages: {
            password2: {
                required: "Repeta parola",
                minlength: jQuery.format("Parola trebuie sa fie de cel putin {0} caractere"),
                equalTo: "Scrie aceeasi parola"
            }
        }
    }); 

Hope this helps 希望这可以帮助

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM