APetrov.ruЗаписки о работе и жизни

Полезные 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, то пожалуйста добавьте комментарий со ссылкой на ваш вариант.

Комментарии

  1. Дмитрий

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

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

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