如何用电话号码保存国家代码？

Question

如何初始化utilsScript ？

在intl-tel-input gem 文档中，它说...

推荐：使用 utilsScript 选项初始化插件以启用格式化/验证，并允许您使用 getNumber 提取完整的国际号码。

我想初始化插件，因为我想使用getNumber 。

<%= telephone_field_tag :number,  nil, placeholder: 'Enter Phone Number', class: 'form-control', id: "country" %>

<script>
  $("#country").intlTelInput({
    separateDialCode: true
  });

  $("form").submit(function() {
    myInput.val(myInput.intlTelInput("getNumber")); // Without getNumber the international code doesn't save in the parameters
  });
</script>

我还使用intl-tel-input-rails gem为 Rails 资产管道打包intl-tel-input资产（JavaScript、样式表和图像）。

我当前的脚本触发了这个错误...

Uncaught ReferenceError: myInput is not defined

Answer 1

我换了宝石...

https://github.com/ispyropoulos/intl-tel-input-rails

因为这我可以包括行//= require libphonenumber/utils 。

在脚本中我调整为...

$("form").submit(function() {
  $('#country').val($('#country').intlTelInput("getNumber"));
});

而且我还需要使用text_field

Answer 2

包括

 <script src="assets/plugins/build/js/utils.js"></script>

然后调用var number = $("#phone").intlTelInput("getNumber");