add regex to jquery.validate

Question

Need to add a regex check to my jquery.validate script.

I have this:

$().ready(function() {
  $("#myBlahForm").validate({

    rules: {
        someName: {
            required: true,
            minlength: 5,
            maxlength: 8,
        },
        somePassword: {
            required: true,
                            minlength: 5,
            maxlength: 8,
        },
        someConfirmPassword: {
            required: true,
            equalTo: "#somePassword"
        },
    },
    messages: {
        someName:  {
            required: "Please create your username",
        },
        somePassword: {
            required: "Please create a password",
        },
        someConfirmPassword: {
            required: "Please re-enter your password",
            equalTo:  "Passwords must match"
        },
    }
});

});

And I would like to check for specific characters that are allowed in the DB for passwords when the user enters their data here:

    <label for="someName">Username</label>
    <input type="text" id="someName" name="someName" placeholder="Create a Username"/>

    <label for="somePassword">Password</label>
    <input type="password" id="somePassword" name="somePassword" placeholder="Create a Password"/>

    <label for="someConfirmPassword">Confirm Password </label>
    <input type="password" id="someConfirmPassword" name="someConfirmPassword" placeholder="Verify your Password"/>

What's the best way to add a regex check to a required field such as a password or username using jquery.validate plugin from bassisstance: http://docs.jquery.com/Plugins/Validation

Basically, I need to make sure that the password and usernames they create only have 0-9, letters, and a couple of special characters.

possible duplicate of jQuery validate: How to add a rule for regular expression validation? — ABMagil
– ABMagil, Commented Oct 10, 2014 at 18:40

sam · Accepted Answer · 2016-11-13 11:12:46Z

32

well, you could add your custom validation method using addMethod, like

$.validator.addMethod("regx", function(value, element, regexpr) {          
    return regexpr.test(value);
}, "Please enter a valid pasword.");

And ,

...
$("#myBlahForm").validate({

    rules: {
        somePassword: {
            required: true ,
            //change regexp to suit your needs
            regx: /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])\w{6,}$/,
            minlength: 5,
            maxlength: 8
        }
    }

edited Nov 13, 2016 at 11:12

sam

9792 gold badges13 silver badges29 bronze badges

answered Dec 9, 2012 at 7:47

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

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

Comments

Ohgodwhy · Accepted Answer · 2012-12-09 07:37:35Z

4

required: function(element){
    return /[a-zA-Z0-9]/.test($('#someConfirmPassword').val());
}

Above expression will return true if regexp passes, false if it doesn't. Change it to fit your needs.

answered Dec 9, 2012 at 7:37

Ohgodwhy

50.8k11 gold badges86 silver badges114 bronze badges

Collectives™ on Stack Overflow

add regex to jquery.validate

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related