Маска ввода для элемента input

Решение, как сделать различные маски ввода для текстовых элементов формы с помощью jQuery плагина Masked Input

Маска исключает введение ошибочного номера, если только посетитель сайта напишет специально неправильно.

Можно создать практически любую маску. Наиболее популярные:

  • Маска ввода телефонного номера
  • Маска ввода даты
  • Маска ввода времени
  • Маска ввода серийного номера


Маска ввода для элемента input

Демонстрация

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

Написать комментарий (без авторизации)

Написать