jQuery Validate plugin - password check - minimum requirements - Regex

Question

I've got a little problem with my password-checker.

There's got a registration form with some fields. I use jQuery Validate plugin to validate user-inputs.

It all works except the password-validation:

The password should meet some minimum requirements:

minimum length: 8 -> I just use 'minlength: 8'
at least one lower-case character
at least one digit
Allowed Characters: A-Z a-z 0-9 @ * _ - . !

At the moment I use this code to validate the password:

$.validator.addMethod("pwcheck",
function(value, element) {
   return /^[A-Za-z0-9\d=!\-@._*]+$/.test(value);
});

This Code works for the allowed characters but not for minimum requirements. I know that you can use for example (?=.*[a-z]) for a lower-case-requirement. But I just don't get it to work.

If I add (?=.*[a-z]) the whole code doesn't work anymore. I need to know how to properly add the code to the existing one.

Thank you for your answers!

This is the complete code

<script>
                $(function() {
                    $("#regform").validate({
                        rules: {
                            forename: {
                                required: true
                            },
                            surname: {
                                required: true
                            },
                            username: {
                                required: true
                            },
                            password: {
                                required: true,
                                pwcheck: true,
                                minlength: 8
                            },
                            password2: {
                                required: true,
                                equalTo: "#password"
                            },
                            mail1: {
                                required: true,
                                email: true
                            },
                            mail2: {
                                required: true,
                                equalTo: "#mail1"
                            }
                        },
                        messages: {
                            forename: {
                                required: "Vornamen angeben"
                            },
                            surname: {
                                required: "Nachnamen angeben"
                            },
                            username: {
                                required: "Usernamen angeben"
                            },
                            password: {
                                required: "Passwort angeben",
                                pwcheck: "Das Passwort entspricht nicht den Kriterien!",
                                minlength: "Das Passwort entspricht nicht den Kriterien!"
                            },
                            password2: {
                                required: "Passwort wiederholen",
                                equalTo: "Die Passwörter stimmen nicht überein"
                            },
                            mail1: {
                                required: "Mail-Adresse angeben",
                                email: "ungültiges Mail-Format"
                            },
                            mail2: {
                                required: "Mail-Adresse wiederholen",
                                equalTo: "Die Mail-Adressen stimmen nicht überein"
                            }
                        }
                    });

                    $.validator.addMethod("pwcheck",
                        function(value, element) {
                            return /^[A-Za-z0-9\d=!\-@._*]+$/.test(value);
                    });
                });
                </script>

Show the rest of the code. Where is your .validate() call? Where is the HTML markup of the form? — Sparky
– Sparky, Commented Sep 11, 2013 at 16:29
Where did you add the lookahead? Show us the code you tried not your working version. — Bergi
– Bergi, Commented Sep 11, 2013 at 16:35
I added it almost everywhere. At least 20 different positions. I don't have all the code anymore... Have to say that I'm very new to this. So please excuse me. I'm sure it's just a bracket or something like that I forgot. — bayerphi
– bayerphi, Commented Sep 11, 2013 at 16:42
/^(?=.*[a-z])[A-Za-z0-9\d=!\-@._*]+$/ should have done it. Did you try that? If so, how did it fail? — Bergi
– Bergi, Commented Sep 11, 2013 at 16:43
Bergi, Thanks! Works like a charm! Don't how I couldn't get this done... Sometimes you just miss the forest for the trees. Anyway thanks a lot! — bayerphi
– bayerphi, Commented Sep 11, 2013 at 16:53

Community · Accepted Answer · 2013-10-29 15:51:43Z

47

If I add (?=.*[a-z]) the whole code doesn't work anymore.

Add it here:

/^(?=.*[a-z])[A-Za-z0-9\d=!\-@._*]+$/

However, it's much easier to do this without a lookahead:

$.validator.addMethod("pwcheck", function(value) {
   return /^[A-Za-z0-9\d=!\-@._*]*$/.test(value) // consists of only these
       && /[a-z]/.test(value) // has a lowercase letter
       && /\d/.test(value) // has a digit
});

edited Oct 29, 2013 at 15:51

CommunityBot

11 silver badge

answered Sep 11, 2013 at 17:10

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Yves Over a year ago

Hello there, how about having at least one Uppercase Letter and at least one Special Character (eg. # $ % ' ^ , ( ) * + . : | = ? @ / ] [ _ ` { } \ ! ; - ~)

hepabolu Over a year ago

@Yves /[A-Z].test(value) // has an uppercase letter && /[=!\-@._*]/.test(value) expand the last one with extra characters, but be sure to include them in the first pattern or your string will invalidate before you can check if the special character is present.

Love Pandey Over a year ago

how to give warning message to this method. That what to show when this format not match.

Bergi Over a year ago

@LovePandey See the jQuery-Validate documentation or the example in the question

Ketan Chaudhari · Accepted Answer · 2021-12-24 04:06:00Z

You can create your own custom jQuery validation rule. which returns a valid message for all the conditions with 100% accuracy.

$.validator.addMethod("strong_password", function (value, element) {
    let password = value;
    if (!(/^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[@#$%&])(.{8,20}$)/.test(password))) {
        return false;
    }
    return true;
}, function (value, element) {
    let password = $(element).val();
    if (!(/^(.{8,20}$)/.test(password))) {
        return 'Password must be between 8 to 20 characters long.';
    }
    else if (!(/^(?=.*[A-Z])/.test(password))) {
        return 'Password must contain at least one uppercase.';
    }
    else if (!(/^(?=.*[a-z])/.test(password))) {
        return 'Password must contain at least one lowercase.';
    }
    else if (!(/^(?=.*[0-9])/.test(password))) {
        return 'Password must contain at least one digit.';
    }
    else if (!(/^(?=.*[@#$%&])/.test(password))) {
        return "Password must contain special characters from @#$%&.";
    }
    return false;
});

Anon · Accepted Answer · 2013-09-11 16:41:22Z

3

Well you can use {8,} instead of "+" for a minimum of 8 chars with no maximum or better yet a {8, 20} for a minimum of 8 and a maximum of 20.

Really though I don't see the value in trying to squeeze all of your validation into a single regexp. If you break it up it makes it much easier to maintain, less bug prone, and it enables you to report back to the user the specific reason WHY the password failed instead of the entire requirement.

You could break it up into a few checks

//proper length
value.length >= 8 
//only allowed characters
/^[A-Za-z0-9\d=!\-@._*]+$/.test(value) 
//has a digit
/\d/.test(value)
//has a lowercase letter
/[a-z]/.test(value)

I'm not familiar with the jQuery Validation plugin, but I assume you could then return helpful a helpful message for each test that failed.

answered Sep 11, 2013 at 16:41

Anon

511 bronze badge

1 Comment

bayerphi Over a year ago

True. I will try it like that the next time. Sorry but I'm very new to coding :) Thanks!

Tyler2P · Accepted Answer · 2023-01-11 16:24:58Z

1

Try this:

jQuery.validator.addMethod("validate_password", function(value, element) {
  if (/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$/.test(value)) {
    return true;
  } else {
    return false;
  }
}, "Please enter valid Password");

edited Jan 11, 2023 at 16:24

Tyler2P

2,37030 gold badges26 silver badges34 bronze badges

answered Jan 11, 2023 at 9:23

Maripriya Mathiyalagan

111 bronze badge

Comments

Sandeep Sherpur · Accepted Answer · 2016-08-19 04:52:16Z

0

if you want to check confirm password and minimum character validation, then you can use

<input type="password" id="password" name="password"  class="validate[required,minSize[8]]"/>
<input type="password" id="confirm_password" name="confirm_password"  class="validate[required,equals[password]]"/>

edited Aug 19, 2016 at 4:52

answered Aug 18, 2016 at 8:39

Sandeep Sherpur

2,84231 silver badges30 bronze badges

Comments

David Castro · Accepted Answer · 2017-02-22 19:33:04Z

Password validation can use several rules, for example:

var _validatePassword = function (validateUserNameRules, inputModel)
    {
        //bolean parameter validateUserNameRules -> true/false

        //this method recive a model like this:
        //inputModel.userName -> string
        //inputModel.password -> string
        //inputModel.password2 -> String

        var ResultModel = {
            ResultId: 1, //1 success
            Message: "Password is correct."
            };

        if (validateUserNameRules && inputModel.userName == "") {

            ResultModel.ResultId = 2;
            ResultModel.Message = "Error: User name cannot be blank.";
            return (ResultModel);
        }

        var re = /^\w+$/;
        if (validateUserNameRules && !re.test(inputModel.userName)) {

            ResultModel.ResultId = 2;
            ResultModel.Message = "Error: Username must contain only letters, numbers and underscores.";
            return (ResultModel);

        }

        if (inputModel.password != "" && inputModel.password == inputModel.password2) {
            if (inputModel.password.length < 6) {
                ResultModel.ResultId = 2;
                ResultModel.Message = "Error: Password must contain at least six characters.";
                return (ResultModel);
            }
            if (validateUserNameRules && inputModel.password == inputModel.userName) {
                ResultModel.ResultId = 2;
                ResultModel.Message = "Error: Password must be different from the Account Name.";
                return (ResultModel);
            }
            re = /[0-9]/;
            if (!re.test(inputModel.password)) {
                ResultModel.ResultId = 2;
                ResultModel.Message = "Error: Password must contain at least one number (0-9).";
                return (ResultModel);
            }
            re = /[a-z]/;
            if (!re.test(inputModel.password)) {

                ResultModel.ResultId = 2;
                ResultModel.Message = "Error: Password must contain at least one lowercase letter (a-z).";
                return (ResultModel);

            }
            re = /[A-Z]/;
            if (!re.test(inputModel.password)) {

                ResultModel.ResultId = 2;
                ResultModel.Message = "Error: Password must contain at least one uppercase letter (A-Z).";
                return (ResultModel);
            }
        } else {
            ResultModel.ResultId = 2;
            ResultModel.Message = "Error: Please check that you've entered and confirmed your password.";
            return (ResultModel);
        }

        return (ResultModel); //success password validation!!
    };

Monzur · Accepted Answer · 2020-01-30 18:56:34Z

0

If you use ValidationEngine then you can use this

    "password": {
                    "regex": /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[#$@!%&*?])[A-Za-z\d#$@!%&*?]{6,30}$/, // /^[A-Za-z0-9\d=!\-@._*]*$/i
                    "alertText": "* Invalid Password, <br/>"
                            + "   1] Min 1 uppercase letter.<br/>"
                            + "   2] Min 1 lowercase letter.<br/>"
                            + "   3] Min 1 special character.<br/>"
                            + "   4] Min 1 number."
                },

Add this code in jquery.validationEngine-en.js file

Then use

 class="validate[required,custom[password],minSize[6],maxSize[30]]"

in Text Box class

answered Jan 30, 2020 at 18:56

Monzur

1,42915 silver badges12 bronze badges

Comments

Chandni Soni · Accepted Answer · 2020-12-01 14:27:14Z

0

Try this one with all special symbols

$.validator.addMethod("pwdcheck", function(value) {
    return /[A-Z]/.test(value) &&
           /\d/.test(value) && 
           /[=!\-@._*\$\#\%\^\&\(\)\~\`\<\>\/\?\\\|\{\}\[\]\;\:\'\"\,\+]/.test(value)
});

answered Dec 1, 2020 at 14:27

Chandni Soni

3874 silver badges16 bronze badges

Comments

Soubhagya Kumar Barik · Accepted Answer · 2020-12-14 04:01:31Z

0

The below method will check one capital letter, one numerical and one special character.

For length check you can add minlenth:8, maxlength:20

$.validator.addMethod("passwordFormatCheck", function(value, element) {
    return this.optional(element) || /^(?=.*\d)(?=.*[A-Z])(?=.*\W).*$/i.test(value);
}, 'Password must contain one capital letter,one numerical and one special character');

answered Dec 14, 2020 at 4:01

Soubhagya Kumar Barik

2,68525 silver badges32 bronze badges

1 Comment

rahul Over a year ago

what about containing one lower case letter ?

Collectives™ on Stack Overflow

jQuery Validate plugin - password check - minimum requirements - Regex

9 Answers 9

4 Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

4 Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related