如何使用jquery验证插件显示不同的错误消息

Question

我正在尝试使用jQuery验证插件将验证添加到我的表单中，但是我遇到了问题，即该插件放置了相同的错误消息， Please enter a valid URL.
我的代码： http ： //jsfiddle.net/52VtD/3124/
有什么解决办法吗？

谢谢

Answer 1

'install'不是有效的jQuery选择器：

$('install').validate({...

您的目标是id="install"因此需要一个哈希：

$('#install').validate({...

您的jsFiddle演示现在正在工作：

http://jsfiddle.net/52VtD/3129/

---

报价OP：

“我在插件上输入相同的错误消息'请输入有效的URL'时遇到问题。”

不知道您在说什么，因为您的代码中没有与验证URL有关的任何内容。 您需要通过发布相关代码并明确说明您希望此代码执行的操作来解决问题。

Answer 2

正如@Sparky已经指出的那样，您使用了错误的选择器。

如果您的问题是在每个字段中都显示相同的错误消息，则可以指定专门为每个字段显示的错误消息，例如：

$('#install').validate({
        rules: {
            title: {
                minlength: 3,
                maxlength: 15,
                required: true
            }
    },
    messages:{ title: {
        required: "Custom message for required rule",
        maxlength: "Another custom message"
    }}
...    

您还可以控制显示错误消息的位置，例如，通过在validate中使用errorLabelContainer和errorElement选项。 在这里查看文档：

使用errorClass，errorElement，wrapper，errorLabelContainer，errorContainer，showErrors，success，errorPlacement，highlight，unhighlight和ignoreTitle来控制无效元素和错误消息的显示方式。