Маска ввода для номера телефона в jQuery

Question

Я начинаю работать в jQuery. У меня есть текстовое поле на моей странице, в котором мне нужно ввести номер телефона, например +44(0) 161 738 1266. Теперь, например, я должен разрешить +, -, числовое, пробел. за исключением того, что он должен игнорировать другой вход. Мне нужно также ввести маску ввода. Может кто-нибудь мне подскажет.

Answer 1

Вы можете использовать следующие:

jQuery(function($){ 
    $.mask.definitions['~']='[+]'; 
    $("#phonenumber").mask("~99(9) 999 999 9999"); 
}); 

Здесь:

- Представляет цифровой символ (0-9)

~ - создание собственного определения маски. вы можете разместить пользовательские значения здесь в соответствии с вашими потребностями.

Для получения дополнительной информации вы можете обратиться: http://digitalbush.com/projects/masked-input-plugin/#usage

Answer 2

Это сделало бы это. Это не самое элегантное решение, но оно встроено и теперь беспокоит его.

onkeypress="return (event.charCode >= 48 && event.charCode <= 57 || event.charCode==32 || event.charCode==43 || event.charCode==45)" 

http://jsfiddle.net/V8dHr/1/

Вы просто возвращает ложь, если нажата key`s charCode не является числовым, пространство, плюс или минус

Что касается маски ввода; есть легкий плагин для его обработки: http://digitalbush.com/projects/masked-input-plugin/ Он покроет ваши потребности, я думаю :)

Answer 3

Я прикрепил скрипку, удовлетворяющую вашим условиям..и надеюсь, это полезно.

http://jsfiddle.net/TLck2/

HTML:

<input type="text" id="phone"/> 

сценарий:.

$ ("# телефон") маска ("99 (9) 999-999-9999");