2014-03-18 75 views
8

当下载Twitters Bootstrap v3.1.1时,我尝试使用一些可重用的项目。这些项目有英文文本,我可以找到并轻松覆盖,但是有一些消息弹出,并进行字段验证,我找不到 - 可能是因为我不熟悉框架。如何本地化Twitter引导程序

我该如何进一步了解这些字段?

例如,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> 
+2

也许有些代码? 试着复制粘贴你的表格http://www.bootply.com/ –

+0

感谢参考@woj_jas,检查出来。我对Twitter Bootstrap并不熟悉,也不知道如何覆盖本地化。我尝试搜索想要覆盖的文本,但无法找到它:当然,代码是必需的 - 我没有找到所有东西,所以搜索了很多,可能是因为我对框架不熟悉。 – Makach

+1

但你需要什么?请将你的代码复制到bootply.com并张贴在下面,我会看到并尽一切努力来帮助你。我假设你正在尝试编写联系表格或其他东西 –

回答

0

翻译是在HTML 5控件使用其他验证的jQuery插件

检查这个Unheap JS Repository

。您可以在输入元素上的oninvalid事件上覆盖此值。

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

它不起作用 –

3

我几乎100%肯定弹出窗口取自jquery.js,您将不得不在那里挖掘。 此文本(关于电子邮件)更改语言。我从波兰写作,我有波兰语弹出窗口。 如果你想要当你使用番茄酱验证,你将有自定义的验证消息

+0

所以你建议只是解决它。我将尝试在jquery插件内部挖掘小部分,它链接到cdn google版本。 – Makach

+1

在引导程序中,您有jquery.js文件和bootstrap.js文件,因此它必须从那里获取元素。 –