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

21 сентября 2008