Question

我在ubuntu上使用带有php的jquery验证插件。

我正在对我的表单进行验证：

$(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"
    }

});

Answer 2

消息选项应该有效。请参阅此question。

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

2 个答案: