Как добавить дефис в текстовое поле HTML?

Question

Я использую следующий код для создания textbox для ввода номера телефона во время выполнения. Как добавить дефис (-) между номерами телефона. Например, если я наберу 1234567, запись должна выглядеть примерно так: 123-45-67, как это сделать? как это сделать в JQuery?

<input id="abcd" type="text" value="" style="width:220px">

Answer 1

Вы должны использовать JavaScript для этого. Я думаю, что это хорошая отправная точка... Суть в том, что вам придется сделать некоторые сценарии для этого. (Как правило, когда поле изменяется, проверьте правильность количества # и добавьте дефис в случае необходимости.)

Я бы порекомендовал jQuery для этого; быстрый Google обнаруживает некоторые полезные результаты.

Имейте в виду, что номера телефонов в разных частях мира будут переноситься по-разному. Например, в США используется +x-xxx-xxx-xxxx, а в Аргентине используется +xx-xx-xxx-xxxx. Некоторые европейские страны используют +xxx-xxxx-xxxx.

Answer 2

Вы можете сделать это с помощью маски. Проверьте эту ссылку о том, как маскировать данные текстового поля по желанию.