Question

如何在下面的代码中本地化prompt的值？

$('.ui.form').form(
fields: {
  email: {
    identifier : 'email',
    rules: [
      {
        type   : 'email',
        prompt : 'Please enter a valid e-mail'
      }
    ]
  },
  ccEmail: {
    identifier : 'cc-email',
    optional   : true,
    rules: [
      {
        type   : 'email',
        prompt : 'Please enter a valid second e-mail'
      }
    ]
  }
}});

我希望'Please enter a valid e-mail'和'Please enter a valid second e-mail'以用户的语言显示。

Answer 1

＆＃13;

var userLang = navigator.language || navigator.userLanguage;
var availableLang = ["en", "es", "cn"];
if (availableLang.indexOf(userLang) == -1) {
  console.log("Loading default language 'EN'");
  userLang = "en";
}
var lang;
$.getJSON("path_to_lang_" + userLang + ".json", function(data) {
  lang = data;
  $('.ui.form').form(
    fields: {
      email: {
        identifier: 'email',
        rules: [{
          type: 'email',
          prompt: lang.firstEmail
        }]
      },
      ccEmail: {
        identifier: 'cc-email',
        optional: true,
        rules: [{
          type: 'email',
          prompt: lang.secondEmail
        }]
      }
    }
  });
});

＆＃13;

上面的代码段会检测导航语言并使用可用的语言集进行检查。如果无法使用导航器语言的本地化，则加载默认语言。

你应该改变＆＃34; path_to_lang _＆＃34;到本地化文件的一些有效路径。

假设你有像＆＃34; langs / lang_en.json＆＃34;这样的文件，那么你的＆＃34; path_to_lang _＆＃34;应该是＆＃34; langs / lang _＆＃34;。

加载lang文件后，我们使用加载的本地化文本初始化您的代码。

＆＃34; langs / lang_en.json＆＃34;

的示例内容

{'firstEmail':'Please enter a valid e-mail','secondEmail':'Please enter a valid second e-mail'}

如何本地化“提示”语义UI表单验证？

1 个答案: