ruby-on-rails - Rails - Twitter Bootstrap i18n - 验证

Question

Twitter Bootstrap 中有哪些属性，我如何更改弹出的消息？

示例：表单验证，

而不是“请填写此字段”。我想要另一个翻译。这是否以某种方式连接到原始活动记录错误消息？

Answer 1

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

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

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

Answer 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
}