使用jQuery验证插件显示自定义元素和内容

使用jQuery验证插件显示自定义元素和内容,jquery,plugins,validation,Jquery,Plugins,Validation,我一直在尝试使验证器插件适应我的需要(http://docs.jquery.com/Plugins/Validation) 当某些内容无效时,插件将显示一条消息。但是,此消息的内容在js文件本身内部(我可以通过“message:”属性更改它)。因为我正在用几种语言构建一个站点,所以要做到这一点,我必须有几个.js文件,其中我只需要更改文本。我不想那样做,因为这可能会造成混乱 我想要的是,每个规则都将一个类或id作为参数,并在该特定元素中显示错误,该错误将通过CSS隐藏(注意,我简化了代码只是为了

我一直在尝试使验证器插件适应我的需要(http://docs.jquery.com/Plugins/Validation)

当某些内容无效时,插件将显示一条消息。但是,此消息的内容在js文件本身内部(我可以通过“message:”属性更改它)。因为我正在用几种语言构建一个站点,所以要做到这一点,我必须有几个.js文件,其中我只需要更改文本。我不想那样做,因为这可能会造成混乱

我想要的是,每个规则都将一个类或id作为参数,并在该特定元素中显示错误,该错误将通过CSS隐藏(注意,我简化了代码只是为了示例目的)

但我无法让他们工作

有办法吗?我试图修改插件本身,但处理一千多行代码和自己编写一个具有所有这些特性的插件一样困难


提前非常感谢您的回答

在我看来,这是一种糟糕的i18n实现方式,因为它会用许多隐藏元素污染HTML

最好构造一个将消息名称映射到语言代码的对象文字

<label>Bla:</label>
<input type="text" id="username"/>
<span class="hiddenError" id="requireUser" style="display:none">Write yo name</span>
<span class="hiddenError" id="lengthUser" style="display:none">Write at least 5 characters long</span>
errorElement: "label",  
errorContainer: $( [] ),  
errorLabelContainer: $( [] ),