如何启用jquery验证本地化？

Question

我有一个使用jquery mobile实现的注册表单.用户可以选择以德语,英语或法语填写此表单 - 有多个内部页面用于显示每种语言的表单.用户通过菜单按钮选择他们的首选语言.

我正在使用jquery validate插件来处理客户端表单验证.这工作正常..我想知道如何在每个语言页面上为表单启用正确的错误消息？当您从github下载插件时,它包含所有本地化错误代码,但我不知道如何启用它.

这是我用来处理为每个语言页面实现表单验证的JavaScript代码.

谢谢你能帮我为德语和法语页面启用正确的错误信息.

$(document).on("pageshow", "#page_deutsch", function() {

$("#register_deutsch").validate();

});

$(document).on("pageshow", "#page_english", function() {

$("#register_english").validate();

});

$(document).on("pageshow", "#page_francais", function() {

$("#register_francais").validate();

});

Answer 1

jQuery验证插件本地化jQuery验证插件的默认语言是英语.它可以用本地化js文件覆盖,例如.es,zh,fr等.请参阅此处获取支持的语言列表.

要启用语言支持,我们只需要将其他语言消息j添加到我们的网页(html/jsp/xhtml)中.为法国人

<script type="text/javascript" src="http://jzaefferer.github.io/jquery-validation/localization/messages_fr.js" />

对于中国人

<script type="text/javascript" src="http://jzaefferer.github.io/jquery-validation/localization/messages_zh.js" />

对于其他语言也是如此,只需找到相应的语言js并将js添加到网页中.

如果列表中没有所需的语言,可行的替代方法是将messages_xx.js的副本下载到项目工作区,然后将其修改为所需的语言.

虽然提供了语言js,但问题是在1个网页中我们只能使用1种语言消息.如果网页中有多个语言消息js,则将使用最后一个.

要解决此问题,我们可以按系统区域设置动态加载消息js.

<script type="text/javascript" src="http://jzaefferer.github.io/jquery-validation/localization/messages_<%= Locale.getDefault().getLanguage() %>.js" />

通过上述解决方案,最终我们可以通过不同的系统区域动态处理不同的语言消息.

还有另一种方法可以在这里使用资源包处理多种语言.

相关的jQuery验证文章:

• 电子邮件
• 信用卡
• 多个表单域
• 错误消息自定义
• 在JSF中使用jQuery Validation Plugin
• 多语言错误消息
• jQuery Validation Plugin中的错误处理

完成!