Force to use the prefix about intl-tel-input HOT 5 CLOSED

Can I ask why you want this?

Did you know that even if the user types their number in the national format (without the international dial code), you can always use getNumber to get the full international number (including the international dial code)?

from intl-tel-input.

HI,
to add validation on the obligatory nature of having a prefix without having to use other tools afterwards, such as pop-ups or external alerts. Some of our users, when editing the telephone number, have the habit of removing the prefix with the result that the subsequent sending of a text message fails due to the lack of it.

By having an integrated validation check that requires the presence of the prefix, we standardize the input error reporting.

from intl-tel-input.

As per my previous message, you do not need to restrict the user in this way. You can allow the user to enter their number however they like, and you can always get the standardised international number using getNumber. Closing for now, but let me know if you have any problems.

from intl-tel-input.

calling getNumber on this, doesn't return +41 12345678

Edit ----------

I just solved in this way:

  input.onblur = function () {
      if (input.value) {
          const countryData = iti.getSelectedCountryData();
          iti.setCountry(countryData.iso2);
          const number = iti.getNumber();

          input.value = number;
          iti.setNumber(number);

          var event = new Event('change');
          input.dispatchEvent(event); // Notify Blazor about the change
      }
  }

from intl-tel-input.

calling getNumber on this, doesn't return +41 12345678

No because that's not a valid number. As per the readme, getNumber only works with valid numbers so you need to use isValidNumber to confirm the number is valid first. If it is valid, then you can use getNumber to get the full international number.

from intl-tel-input.