Отправляет email-рассылки с помощью сервиса Sendsay

Свежие уроки CSS3, HTML5, jQuery

  Все выпуски  

Свежие уроки CSS3, HTML5, jQuery Проверка заполнения формы на сайте


Проверка заполнения формы на сайте

Абсолютно каждый владелец сайта использует на своём сайте как минимум одну форму. Это может быть форма обратной связи или форма комментирования, не так важно. При отправке формы, как правило, необходимо проверить данные, правильно ли они были введены. Например, правильно ли был введен email адрес. Обычно проверка происходит когда мы нажимаем на кнопку «Отправить», и затем следует перезагрузка страницы, после чего, если данные неверны, выводится сообщение об ошибке. НО! В этом уроке мы рассмотрим как сделать проверку формы на сайте без перезагрузки страницы.

Для проверки формы мы будем использовать jQuery библиотеку — Validatr(скачать).

Как сделать проверку формы у себя на сайте?

HTML

Первым делом между тегами <head> подключим необходимые библиотеки(библиотеку jQuery и Validatr):

1
2
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>  
<script src="js/validatr.js" type="text/javascript"></script>
...............................................

Продолжение - в полной новости.


В избранное