jQuery验证插件:如何创建自己的消息

Question

我在ubuntu上使用jquery验证插件和php.

我在我的表单上应用验证,如下所示:

$(obj).find("form").validate();

当我将"email"设置为任何文本字段的类并且我给它一个错误的格式化电子邮件地址时,它会显示以下错误.

Please enter a valid email address.

问题:以上信息非常冗长,损坏了表格和表格的对齐方式.我想使用这样的非常短的消息.

required
invalid email
invalid phone number
etc.

我试过这个,但它显示的不是我自己的信息.

$(obj).find("form").validate({

        messages: {
            required: "Required.",
            email: "Invalid email",
            url: "Invalid URL."
        }

    });

任何人都可以告诉我该怎么做？什么是确切的代码."消息"选项对我不起作用.谢谢

Answer 1

输入元素的名称是什么？查看消息对象中的键如何与元素的name属性相关,而input不是与类的名称相关.这很关键

<form id="commentForm" method="get" action="">
    <fieldset>
        <input id="iname" name="nname" size="25" class="required" minlength="2" /><br />
        <input id="iemail" name="nemail" size="25"  class="required email" /><br />
        <input id="iurl" name="nurl" size="25"  class="url" /><br />
        <input class="submit" type="submit" value="Submit"/>
    </fieldset>
</form>

$(document).ready(function() {
    $("#commentForm").validate({
        messages: {
            nname: "Required",
            nemail: "Invalid email",
            ncomment: "Invalid URL"
        }
    });
});

您还可以为不同的错误指定不同的消息

$("#commentForm").validate({
    messages: {
        nname: "Required",
        nemail: {
            required: "Email needed",
            email: "Invalid email"
        },
        ncomment: "Invalid URL"
    }

});