如何用电话号码保存国家/地区代码?

时间:2017-05-25 15:05:00

标签: javascript ruby-on-rails rubygems

如何初始化utilsScript

intl-tel-input gem documentation 中,它说......

  

推荐:使用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 资产(JavaScripts,样式表和图片)管道

我当前的脚本会触发此错误...

Uncaught ReferenceError: myInput is not defined

2 个答案:

答案 0 :(得分:0)

我换了宝石......

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

因为我可以包含第//= require libphonenumber/utils行。

在脚本中我调整为......

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

我还需要使用text_field

答案 1 :(得分:0)

包括

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

然后致电 var number = $("#phone").intlTelInput("getNumber");