Юзабильные формы обратной связи

Раздел: | Дата:

Наверное перед каждым веб-мастером вставал вопрос, как заставить пользователя вводить информацию (номер телефона, дату и т.д.) в нужном формате, но заставлять пользователя совершенно не нужно — пусть за пользователя основную работу делает ПО.

На помощь приходет замечательный скрипт «Masked Input Plugin», который позволит назначить для каждого поля маску, по которой данные будут заполнятся в полях.

Для начала нам понадобится скрипт «Masked Input Plugin» написанный на jQuery, его размер 2.8 килобайта, содержит всего два файла: jquery.maskedinput.js и jquery.maskedinput.min.js

Первым делом подключаем упамянутые выше два файла, для этого в head прописываем следующий код:

Обратите внимание в src=”js/jquery.maskedinput.js” нужно указать актуальный для вашего сайта путь к файлу jquery.maskedinput.js

Теперь для использования скрипта перед формой нужно вставить следующий код:

Этот скрипт будет добавлять узнанную маску для форм с id: date, phone, tin, ssn.

Теперь о масках символов: