Webmasters.BY

Главная Статьи Веб-программирование Проверка на валидность текстовый полей при помощи jQuery.
Проверка на валидность текстовый полей при помощи jQuery.
Рейтинг пользователей: / 16
ХудшийЛучший 
15.08.2008 14:57
Этот скрипт позволяет задать маску по которой будут вводиться данные в поля и таким образом позволит избежать ошибок и ввода некорректного типа данных. Его можно использовать там где формат данных заранее определен, например, номера телефонов, даты, почтовые индексы и т.д. Скрипт был протестирован на Internet Explorer 6 / 7, Firefox 1,5 / 2, Safari и Opera.

Маска задается следующим образом:
  • a - буквенные символы (A-Z,a-z)
  • 9 - цифровый символы (0-9)
  • * - алфавитно-цифровые символы (AZ, az ,0-9)

Для того что бы это заработало, надо, во-первых, подключить библиотеку jQuery, а затем файл jquery.maskedinput.js

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>

После этого вызываем функцию создания маски для всех полей для которых это необходимо.
jQuery(function($){
   $("#id_field").mask("99/99/9999");
   $("#phone").mask("(999) 999-9999");
   $("#tin").mask("99-9999999");
   $("#ssn").mask("999-99-9999");
});

Пример

Как видите все довольно просто. Подробнее о этом скрипте (Masked Input Plugin) можете почитать на сайте разработчика.

Добавить комментарий


Защитный код
Обновить

Если вы заметили ошибку в тексте новости, пожалуйста, выделите её и нажмите Ctrl+Enter

Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом
Обновлено 20.08.2008 12:23
 

Апельсин-1

Голосование

Ваш любимый html-редактор?

Новые файлы

Шпаргалка по HTML5 Canvas

Archive - бесплатный кириллический шрифт

Шпаргалка по HTML5 атрибутам обработчиков событий

activecloud.ru

TisRef

Баннер

Видеоуроки

Система Orphus

Кто онлайн

Сейчас 70 гостей онлайн

Комментарии

Статистика
Webmasters.BY © 2008 - 2012