使用jQuery Validation Plugin显示自定义元素和内容

Question

我一直在尝试根据我的需求调整Validator插件（http://docs.jquery.com/Plugins/Validation）

当插件无效时，插件会显示一条消息。但是，此消息的内容是在js文件本身内部（我可以通过“message：”属性更改它）。当我用几种语言构建一个站点时，为了做到这一点，我必须有几个.js文件，其中我只更改文本。我不想这样做，因为它是可维护性混乱的候选者。

我想要的是，每个规则都将一个类或id作为一个参数，以及要在该特定元素中显示的错误，这些错误将通过CSS隐藏（注意我仅为了示例目的简化了代码）

<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>

所以，不是硬编码js中的消息（或HTML，我不想把初始化放在HTML上，请...）我想要根据错误显示那些.hiddenError。我不确定，但我认为它与

有关

errorElement: "label",  
errorContainer: $( [] ),  
errorLabelContainer: $( [] ),  

但我无法让他们工作。

有办法吗？我尝试修改插件本身，但处理超过一千行代码就像编写具有所有这些特性的插件一样困难。

非常感谢您的回答

Answer 1

在我看来，通过使用许多隐藏元素污染您的HTML，这将是一种糟糕的方式。

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