How to set a message in JQuery Validate?

Question

Using JQuery Validate, I can set easily messages when something goes wrong:

<input class="required" id="pwd" name="pwd" type="password" title="ERROR here" />

How can I make this the default message when there is no error and set another message when there is an error? Example:

<input class="required" id="pwd" name="pwd" type="password" title="Write your password" />
....

$('#form').validate({
    rules: {
        pwd: {
          SET MESSAGE IF ERROR
        }
    }
});

Edit: I'll try to explain better: I need first no message, when the user sets focus to an input I want to show a "status" message (like "Write your password") and last, if the text is wrong, show an error message (like "enter more than 8 characters").

SeanCannon · Accepted Answer · 2011-07-14 15:39:11Z

1

Ok try this:

$('#form').validate({
    rules: {
        pwd: {
          $('label[for=pwd]').html('ERROR HERE');
        }
    }
});

I don't know what plugin you're using for the validation but this is how you would update a label assigned to that input field.

edited Jul 14, 2011 at 15:39

answered Jul 14, 2011 at 14:48

SeanCannon

78.1k17 gold badges126 silver badges145 bronze badges

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

3 Comments

Ivan Over a year ago

No, what I want is to show a message ("write your password") when the user puts focus in my input field and put another message if the field don't validate ("you must write at least 8 characters" or "this field is mandatory").

SeanCannon Over a year ago

Where do you want to show it? Do you have a div container setup for these messages, or do you want an alert?

Ivan Over a year ago

Sorry, I'll explain better.. By default, JQuery validate shows the parsing errors in a label. This is ok for me. My problem is that I want to show a message if there is no error (while user is typing) and change this message if user clicks on submit and there is a validation error. It's ok also if the first message is hiden when the input loses the focus.

Collectives™ on Stack Overflow

How to set a message in JQuery Validate?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related