JQuery验证自定义消息不起作用

时间:2016-07-25 08:34:01

标签: jquery validation

我对JQuery.validate有一个奇怪的问题

表单验证正常,errorClass有效,但是自定义消息没有通过我只是得到通用消息。

我已经检查了堆栈交换的内容,它似乎是拼写错误或者没有在html中指定名称字段。

有人能指出我在正确的方向吗?

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"
              }
           }
         }
});

正如我所说,表单上的验证工作,自定义类工作,但消息不会,尽管每个都设置了名称字段。如果它只是一个错字,我会提前道歉但是我已经多次看了它。

1 个答案:

答案 0 :(得分:1)

检查您的支架的打开和关闭是不正确的,这就是您遇到问题的原因。

语法是:

rules:{

},
messages:{

}

您的消息受到限制,这就是自定义消息未显示的原因