Sq.Piglet — записки о работе и жизни

• Рубрики

  • JavaScript (8)
  • PHP (2)
  • Web-маркетинг (2)
  • Верстка (9)
  • Инструменты (2)
  • Книги (9)
  • Новости (3)
  • Охота (5)
  • Прочее (15)
  • Управление проектами (2)
  • Фильмы (3)
  • Фотографии (23)
  • Юзабилити (18)
  • Юмор (24)

• Дополнительно

  • Мои проекты
  • Об авторе
  • Портфолио
  • Резюме
  • Рецензии
  • Статьи

• Друзья

  • Валерий Горкер
  • Иван Никитин
  • Леонид Лукин
  • White Eagle — Серега

Полезные JavaScript функции часть 2 (валидация форм или в ожидании XForms)

Когда-нибудь настанет светлое будущие и валидировать формы будет сам браузер, для этого даже есть стандарт XForms. А пока все приходиться делать руками. Чтобы облегчить это процесс я написал небольшой framework на JavaScript.

Описание

Инпутам, которые нужно проверить добавляются классы с правилами. По событию onsubmit запускается проверяющая функция, которая выводит список ошибок рядом с не прошедшим проверку инпутом.

Пример

Посмотрите как это работает. Скачать.

Как внедрить

1. Добавьте в HTML код страницы validate-form.js. Пример: <script type=”text/javascript” src=”js/validate-form.js”></script>.
2. Добавьте вызов конструктора проверки в форму. Пример: <form action=”#” method=”post” onsubmit=”return formValidateInit(this)”>.
3. Добавьте в инпуты классы для проверок. Пример: <input type=”text” name=”text” class=”form-validate:required” />. Классов может быть несколько.

P.S.

Сейчас можно проверять только инпуты, но не трудно добавить проверку и других элементов формы.

P.P.S.

Если вы улучшили validate-form.js, то пожалуйста добавьте комментарий со ссылкой на ваш вариант.

21 сентября 2008, 13:09

Один комментарий

1. Дмитрий

   http://dom-realt.ru/?page=faq – добавил проверку для email и заполненность textarea

   22 июля 2010, 12:43

RSS комментариев

Комментировать