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

Question

我正在尝试使用jQuery Validation Plugin为我的表单添加验证，但是我遇到了一个问题，即插件会输出相同的错误消息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有任何关系。您需要通过发布相关代码并清楚地解释您希望此代码执行的操作来解决您的问题。

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选项。请参阅文档here：

  

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