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

Question

How do I initialize utilsScript ?

In the intl-tel-input gem documentation it says...

Recommended : initialize the plugin with the utilsScript option to enable formatting/validation, and to allow you to extract full international numbers using getNumber.

I want to initialize the plugin because I want to use 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>

I'm also using intl-tel-input-rails gem to package the intl-tel-input assets (JavaScripts, stylesheets, and images) for the Rails asset pipeline.

My current script triggers this error...

Uncaught ReferenceError: myInput is not defined

Answer 1

I switched gems...

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

because this I can include the line //= require libphonenumber/utils .

And in the script I adjusted to...

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

And I also needed to use text_field

Answer 2

include

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

then call var number = $("#phone").intlTelInput("getNumber");