Веб-программирование

Проверка на валидность текстовый полей при помощи jQuery

Этот скрипт позволяет задать маску по которой будут вводиться данные в поля и таким образом позволит избежать ошибок и ввода некорректного типа данных

Проверка на валидность текстовый полей при помощи jQuery
Поделиться в соцсетях:

Его можно использовать там где формат данных заранее определен, например, номера телефонов, даты, почтовые индексы и т.д. Скрипт был протестирован на 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) можете почитать на сайте разработчика.

Новый комментарий

Имя:
Для редактирования комментария осталось 10 минут
Комментарии отсутствуют