Моя CodePen: http://codepen.io/leongaban/pen/cyaAL
У меня есть поле ввода для номера телефона, который позволяет до 20 символов (для международных номеров).
Я также использую подключаемый входной плагин jQuery Джош Буш для форматирования номера телефона в вход, чтобы сделать его "красивым".
-
Моя проблема заключается в том, что в случае, когда телефон составляет 10 цифр или меньше, он должен использовать форматирование ввода Masked.
-
Однако, если номер телефона длиннее 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;