Question

下载Twitters Bootstrap v3.1.1时，我尝试使用一些可重用的项目。这些项目有英文文本，我可以找到并轻松覆盖，但有一些消息弹出并进行我无法找到的字段验证 - 可能是因为我不熟悉框架。

我怎样才能了解这些领域的更多信息？

例如，form-signin用户名中的验证消息具有验证消息。我该如何覆盖这一个？文字在哪里？进行这种本地化是否有模式/最佳实践？

因此，如果您将此示例放入http://bootply.com，则很容易看出会发生什么。

字段文本和占位符文本很容易本地化。

但是当您尝试输入无效的电子邮件地址时，会弹出一个弹出窗口。 当您输入NO-EMAIL并按提交时，如何本地化此弹出窗口？

<div class="container">
  <form class="form-signin" role="form">
    <h2 class="form-signin-heading">Please sign in</h2>
    <input type="email" class="form-control" placeholder="Email address" required autofocus>
    <input type="password" class="form-control" placeholder="Password" required>
    <label class="checkbox">
      <input type="checkbox" value="remember-me">
      Remember me
    </label>
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  </form>
</div>

Answer 1

我几乎100％确定弹出是从jquery.js中获取的，你必须在那里挖掘。此文（关于电子邮件）会更改语言。我是从波兰写作的，而且我有一些优秀的弹出窗口。如果你想使用其他验证jquery插件

检查此Unheap JS Repository

使用Ketchup Validator时，您将拥有自定义验证消息

Answer 2

翻译在HTML 5控件中。您可以在输入元素的oninvalid事件上覆盖它。

<input type="email" class="form-control" placeholder="E-post addresse" required autofocus oninvalid="this.setCustomValidity('your message')" >

你如何本地化Twitter Bootstrap

2 个答案: