Мой CodePen: http://codepen.io/leongaban/pen/cyaAL

У меня есть поле ввода для номера телефона, который позволяет до 20 символов (для международных номеров).

Я также используюМаскируемый ввод jQuery плагин поДжош Буш отформатировать номер телефона на входе, чтобы сделать его «красивым».

Моя проблема заключается в том, что в требованиях, когда телефон состоит из 10 цифр или меньше, он должен использовать форматирование маскированного ввода.

Однако, если номер телефона длиннее 10 цифр, форматирование следует удалить.

Вот мой ток:CodePenСотовый телефон - это поле ввода, в котором я пытаюсь это сделать. Рабочий телефон является примером функциональности по умолчаниюПлагин ввода маски.

Как бы вы пошли об этой проблеме?

Поле ввода jQuery для сотового телефона:

case '2':
    console.log('created phone input');
    $('.new_option').append(myphone);
    $('.added_mobilephone').mask('(999) 999-9999? 9');
    $('.added_mobilephone').keypress(function(event){

      if (this.value.trim().length > 10) {
        console.log('this.value = '+this.value.trim());
        console.log('greater then 10');
        $('.added_mobilephone').mask('99999999999999999999');
      }

      /*if (this.value.length < 9) {
        console.log(this.value);
        console.log('less then 10');
        $('.added_mobilephone').mask('(999) 999-9999? 9999999999');
      } else if (this.value.length > 9) {
        console.log(this.value);
        console.log('greater then 10');
        $('.added_mobilephone').mask('99999999999999999999');
      }*/
    });
    break;