顯示滑軌簡單的窗體視圖用破折號

Question

我想實現的東西可能很簡單，但我無法弄清楚正確的方法來做到這一點。使用Ruby on Rails和簡單形式寶石我有銀行的排序碼輸入：

<%= simple_form_for @direct_debit, url: direct_debit_payment_path do |f| %> 
    <%= f.input :bank_sort_code, placeholder: "6 digit sort code", id: "Sort-code", label: "Bank Sort Code" %> 
<% end %> 

我只是想這顯示在一個正常的銀行排序的代碼格式的客戶端類型：12 -34-56。

此外，我有一個模型驗證來檢查該字段發送表單後，最多有6個數字，但我希望客戶端字面上不能輸入超過6個。這可能嗎？謝謝！

Answer 1

，我建議你向你的問題

= f.input :bank_sort_code, placeholder: "6 digit sort code", 
    id: "Sort-code", label: "Bank Sort Code", 
    input_html: { maxlength: 6 } 

併爲美化輸入值的格式，你可以嘗試jquery maskedinput plugin

jQuery(function($){ 
    $("#Sort-code").mask("99-99-99", {placeholder: "6 digit sort code" }); 
}); 

但使用maxlength屬性爲第二部分，如果你使用它，你應檢查您的maxlength輸入屬性。