jQuery validate custom messages not working

Question

I am unable to get custom error messages working for the jQuery validation plugin. I'm using jQuery 1.7.2 and jquery validation plugin 1.9.0.

My form is simple:

<form id="registrationform">
  <label for="rid">User Id</label><br/>
  <input id="rid" type="text" class="required"/><br/>
  <label for="remail">Email</label><br/>
  <input id="remail" type="text" class="required email"/>
</form>

My javascript is simple:

$(document).ready(function() {
    $("#registrationform").validate({
        rules: {
            rid : {
                required : true
            },
            remail: {
                required : true,
                email : true
            }
        },
        messages: {
            rid : {
                required : "id can not be empty"
            },
            remail: {
                required: "email can not be empty",
                email : "enter a valid email"
            }
        }
    });
});

I'm not 100% sure the rules: {} are specified correctly. In reality, since you already have the class='required email', entries in your HTML, you shouldn't need any special rules. I'd try removing the rules section, clearing your browser cache, and trying again. — JMC
– JMC, Commented Jun 5, 2012 at 21:28
JMC, I tried it without the rules first. That didn't solve it. Sam Tyson's solution, adding name attributes, solved the problem. — Jared Nedzel
– Jared Nedzel, Commented Jun 6, 2012 at 14:07

Sam Tyson · Accepted Answer · 2012-06-05 21:52:07Z

13

As crazy as it sounds, this is resolved by adding the name attribute to each of the input controls.

<form id="registrationform">
  <label for="rid">User Id</label><br/>
  <input id="rid" name="rid" type="text" class="required"/><br/>
  <label for="remail">Email</label><br/>
  <input id="remail" name="remail" type="text" class="required email"/>
</form>

Here is my jsFiddle to prove it out.

answered Jun 5, 2012 at 21:52

Sam Tyson

4,6344 gold badges29 silver badges35 bronze badges

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

3 Comments

Sam Tyson Over a year ago

It looks like the idOrName() function in validate() is stumbling over the lack of the name attribute or confusing the checkable() result.

Jared Nedzel Over a year ago

Sam, thanks so much. I've confirmed your solution in both my isolated test case and in my app.

Sparky Over a year ago

What's so crazy about that? The plugin requires that the markup for each input contains a name attribute.

Collectives™ on Stack Overflow

jQuery validate custom messages not working

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