minlength input field validation - JQuery

Question

I have the JQuery validations below that just ensure that something is written within the input fields, I also have maxlength in the html.

However, I was hoping someone could shed some light on the situation and inform me on how I can add some type of minlength to the jquery code below so I don't require to do any additional functions?

 $('#form1').submit(function (e) {
    e.preventDefault();
}).validate({
    rules: {
        txtusername: {
            required: true
        },
        txtfirstname: {
            required: true
        },
        txtemail: {
            required: true
        },
        txtpassword: {
            required: true
        },
        passwordconfirm: {
            required: true
        }
    },
    messages: {
        txtusername: {
            required: "Please enter your Username."
        },
        txtfirstname: {
            required: "Please enter your First Name."
        },
        txtemail: {
            required: "Please enter your Email."
        },
        txtpassword: {
            required: "Please enter your Password."
        },
        passwordconfirm: {
            required: "Please enter your password again."
        }
    },
    errorPlacement: function (error, element) {
        error.appendTo(element.parent().prev());
    },
    submitHandler: function (form, user) {

        CheckUser(form);
        return false;
    }
});

Example HTML -

<div data-role="fieldcontainer">
            <label for="txtusername" data-theme="d">Username:</label>
            <input type="text" id="txtusername" name="txtusername" maxlength="12"  placeholder="Enter Username"/>
        </div>

Jainil · Accepted Answer · 2016-03-28 14:38:49Z

2

You can use like below:

rules:{
    txtusername: {
        required: true,
        minlength: 3
    },
}

answered Mar 28, 2016 at 14:38

Jainil

1,4941 gold badge22 silver badges27 bronze badges

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

1 Comment

Mahdi Over a year ago

I did try this early, but the reason it wasn't working was because I left out the comma after true :S. Thanks for your help buddy!

Collectives™ on Stack Overflow

minlength input field validation - JQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related