Решение, как сделать различные маски ввода для текстовых элементов формы с помощью jQuery плагина Masked Input
Маска исключает введение ошибочного номера, если только посетитель сайта напишет специально неправильно.
Можно создать практически любую маску. Наиболее популярные:
Можно создать практически любую маску. Наиболее популярные:
- Маска ввода телефонного номера
- Маска ввода даты
- Маска ввода времени
- Маска ввода серийного номера
Решение:
- Скачиваем плагин (Code → Download ZIP)
- Подключаем jQuery и плагин jquery.maskedinput.js
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.maskedinput.js" type="text/javascript"></script>
- Указываем нужный формат маски
<script> jQuery(function($){ $("#date").mask("99/99/9999"); $("#phone").mask("(999) 999-9999"); $("#tin").mask("99-9999999"); $("#ssn").mask("999-99-9999"); }); </script>
Похожие решения:
