Статические дефисы внутри входа

0

Вход, для которого я работаю, предназначен для SSN. Я хотел бы, чтобы ввод с дефисами уже был на месте, и пользователю просто нужно ввести 9-значный SSN, а числа помещаются вокруг дефисов.

Вот красноречивый рисунок, что я имею в виду:

Изображение 174551

Они довольно распространены в записи ключа продукта и других подобных формах. Мне тяжело думать о том, как сделать это с нуля. Я умеренно квалифицирован в HTML, AngularJS, и я знаю немного JQuery. Вход в свою собственную директиву AngularJs для reusuability, так что контроллер доступен для любой логики.

Я подумывал о том, чтобы использовать три входа или какую-то фильтрацию ввода, но я не уверен. Если уже есть какой-то публичный легкий код на github или в другом месте, это тоже здорово.

Целью этого является также оставить ng-модель в тактике, где это всего лишь 9-значное число и не содержит дефис.

Благодарю!

1 ответ

3
Лучший ответ

Почему бы не использовать Angular module что-то вроде этого, вы можете увидеть превью здесь

https://htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html

  • 0
    Хороший модуль. Спасибо!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню