Пользовательская маска для телефонных номеров

Question

Я использую плагин jsmask для маскировки телефонных номеров. Требования

1. Он может иметь дополнительный + в начале
2. Он может иметь пробелы между

Я попробовал этот $('#Telephone').mask('+0000000 000 000 0000', { reverse: true }); но AINT принимая дополнительный плюс. Есть ли встроенный формат или у нас есть собственный формат для него Просьба сообщить.

Answer 1

это невозможно.

Вы можете добавить необязательные параметры только в конце ввода.

У них есть открытый запрос на растяжение в Гитубе.

Вы можете это проверить here.

Answer 2

Следующий код работает, вы можете попробовать его. Я создал solution in JSfidller для вас. проверьте его, если хотите. HTML:

<form id="example-form" name="my-form"> 
    <label>Phone number:</label><br /> 
    <input id="phone-number" name="phone-number" type="text" maxlength="21" placeholder="+XXXXXXX XXX XXX XXXX" /><br /><br /> 
    <input type="button" value="Submit" /> 
</form> 

Сценарий:

$('#phone-number', '#example-form') 

     .keydown(function (e) { 
      var key = e.charCode || e.keyCode || 0; 
      $phone = $(this); 

      // Adding blankspace in 9th, 13th and 17th position. 
//Change it according to your need 
      if (key !== 8 && key !== 9) { 
       if ($phone.val().length === 8) { 
        $phone.val($phone.val() + ' '); 
       } 
       if ($phone.val().length === 12) { 
        $phone.val($phone.val() + ' '); 
       }   
       if ($phone.val().length === 16) { 
        $phone.val($phone.val() + ' '); 
       } 
      } 

      // Allow numeric number and tab, backspace, delete keys only. 
//Change it according to your need 
      return (key == 8 || 
        key == 9 || 
        key == 46 || 
        (key >= 48 && key <= 57) || 
        (key >= 96 && key <= 105)); 
     }) 

     .bind('focus click', function() { 
      $phone = $(this); 

      if ($phone.val().length === 0) { 
       $phone.val('+'); // as your phone number start with '+' 
      } 
      else { 
       var val = $phone.val(); 
       $phone.val('').val(val); // Ensure cursor remains at the end 
      } 
     }) 

     .blur(function() { 
      $phone = $(this); 

      if ($phone.val() === '+') { 
       $phone.val(''); // if somebody type '+' it will be vanish 
      } 
     });