Rails - Twitter Bootstrap i18n - 验证

【问题标题】：Rails - Twitter Bootstrap i18n - validationRails - Twitter Bootstrap i18n - 验证
【发布时间】：2013-03-12 14:07:01
【问题描述】：

对于 Twitter Bootstrap 中有哪些属性以及如何更改弹出的消息？

示例：表单验证，

而不是“请填写此字段”。我想要另一个翻译。这是否与原始活动记录错误消息有关？

【问题讨论】：

标签： ruby-on-rails validation twitter-bootstrap internationalization

【解决方案1】：

Please fill out this field 显示的消息是 HTML5 验证。您可以使用 setCustomValidity() http://www.html5rocks.com/en/tutorials/forms/html5forms/#toc-constraint-validation 自定义此消息

您还可以在消息中添加一些自定义文本，如http://jsfiddle.net/kaleb/nfgfP/8/所示

要在 JavaScript 中使用 I18n，您可以查看 i18n-js gem https://github.com/fnando/i18n-js

【讨论】：

【解决方案2】：

var elements = document.getElementsByTagName("INPUT");
for (var i = 0; i < elements.length; i++) {
    elements[i].oninvalid = function(e) {
        e.target.setCustomValidity("");
        e.target.checkValidity();
        e.target.setCustomValidity(__Msg(e.target.validationMessage));
    };
}

// translate messages
function __Msg(str){
    switch(str){
        case 'Please fill out this field.': return 'fill out plz.';break;
        case 'Please enter an email address.': return 'enter email plz.';break;

    }
    return str; // skip not translated messages
}

【讨论】：