【问题标题】:How to enable jquery validate localization?如何启用 jquery 验证本地化?
【发布时间】:2013-08-13 20:33:47
【问题描述】:

我有一个使用 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();

});

【问题讨论】:

    标签: javascript jquery forms validation jquery-mobile


    【解决方案1】:

    jQuery 验证插件本地化 jQuery 验证插件的默认语言是英语。 它可以被本地化 js 文件覆盖,例如。 es、zh、fr 等 支持的语言列表请参考here

    要启用语言支持,我们只需要在我们的网页(html/jsp/xhtml)中添加其他语言的消息js。 法语

    <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 验证插件
    • 多语言错误消息
    • jQuery 验证插件中的错误处理

    完成!!

    【讨论】:

    • 如果添加了“这里”这个词提到的链接,这个答案会更有帮助。
    • 那些链接坏了=(
    • 这是直接从kianworknotes.com/2013/05/…复制过来的。如果您要复制文本,请参考您的来源。
    • 这太愚蠢了。该库应该能够动态切换语言环境。虽然这篇文章在今天我们有像 Angular 这样的框架的时代已经很老了,但这是必须的。
    • 对我有用的唯一链接是“这里”链接:github.com/jzaefferer/jquery-validation/tree/master/src/…
    【解决方案2】:
    猜你喜欢
    • 1970-01-01
    • 2011-04-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-01
    • 2017-04-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多