JQuery validation custom messages not working

Question

I have a strange problem with JQuery.validate

The forms validate fine, the errorClass works, but the custom messages don't come through I just get the generic ones.

I've checked the contents of stack exchange and it seems to be either typos or not specifying the name field in the html.

Can someone point me in the right direction here?

HTML

<form action="#" method="POST" id="vlanForm" name="vlanForm">
<div class="flip"><h3>Add VLAN</h3></div>
<div class="panel">
VLAN ID:<input type="text" id="vlan" name="vlan"><br>
<input type="submit" class="button" style="position: absolute;right: 7px;" name="vlanSubmit" value="Send"><br></div>
 </form>

Javascript

$("#vlanForm").validate({
    errorClass: 'wrong',
    rules: {
        vlan: {
            required: true,
            number: true
              },
    messages: {
        vlan: {
            required: "Please enter a vlan",
            number: "Number only please"
              }
           }
         }
});

As I say, the validation on the form works, the custom class works, but the messages don't, despite the name field being set on each. Apologies in advance if it is just a Typo I'm being blind on but I've looked over it many times.

Mayank Pandeyz · Accepted Answer · 2016-07-25 08:37:29Z

1

Check your opening and closing of braces is not correct that's why you are facing the problem.

Syntax is:

rules:{

},
messages:{

}

your messages comes under rools, that's why custom messages are not showing

answered Jul 25, 2016 at 8:37

Mayank Pandeyz

26.3k4 gold badges43 silver badges61 bronze badges

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

1 Comment

Keef Baker Over a year ago

Thankyou. Of course. I'll accept your answer as soon as I can

Collectives™ on Stack Overflow

JQuery validation custom messages not working

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