電話蒙面不能與蒙面輸入一起工作

Question

當我輸入數字時，我沒有得到蒙版，就像它在演示中顯示的一樣。我正在使用gem 'maskedinput-rails'。

我的代碼是：

<div class="form-group"> 
    <label class="control-label col-sm-5" for="phone">Phone Number:</label> 
    <div class="col-sm-7"> 
    <%= f.telephone_field :phone, class: 'form-control', value: number_to_phone(@appointment.phone, area_code: true) %> 
    </div> 
    <script> 
    jQuery(function($){ 
    $("#phone").mask("(999) 999-9999"); 
    }); 
    </script> 
</div> 

Answer 1

由於VEE指出，問題是你的選擇。一旦你在瀏覽器中加載了你的頁面，你可以簡單地檢查源代碼來查看文本字段的ID。也就是說，如果你沒有更改FormBuilder配置，它應該是#model_attribute，所以在你的情況下#appointment_phone。所以：

<script> 
    jQuery(function($){ 
    $("#appointment_phone").mask("(999) 999-9999"); 
    }); 
</script>