2016-08-08 43 views
0

我正在使用客戶端驗證的Rails窗體。我怎麼可以自定義錯誤信息,當前說:Rails自定義客戶端驗證消息

「值必須等於或大於......」

這裏是表單字段:

<%= f.number_field :age, placeholder:"Age", class:"form-control", required: true, max:90, min:17, message: 'foo' %> 

回答

0

HTML5 API可以設置custom error validation message。看下面的例子:

實施例:

<form> 
    <label for="mail">I would like you to provide me an e-mail</label> 
    <input type="email" id="mail" name="mail"> 
    <button>Submit</button> 
</form> 

,然後加入一個JS:

var email = document.getElementById("mail"); 

email.addEventListener("keyup", function (event) { 
    if (email.validity.typeMismatch) { 
    email.setCustomValidity("I expect an e-mail, darling!"); 
    } else { 
    email.setCustomValidity(""); 
    } 
}); 

setCustomValidity()的文檔。