2014-03-18 140 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文件,因此它必須從那裏獲取元素。 –