电话掩码不适用于掩码输入

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>

电话掩码不适用于掩码输入

Telephone mask not working with maskedinput

ruby-on-rails

maskedinput