电话掩码不使用maskedinput

时间:2016-01-16 23:32:12

标签: ruby-on-rails maskedinput

当我在他们的演示中输入一个类似的数字时,我没有让面具出现。 我正在使用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>

1 个答案:

答案 0 :(得分:0)

正如vee指出的那样,问题在于您的选择器。在浏览器中加载页面后,只需检查源代码即可查看文本字段的ID。也就是说,如果您没有更改FormBuilder配置,那么它应该类似于#model_attribute,因此在您的情况下#appointment_phone。所以:

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