APetrov.netNotes on life

Полезные 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 September 2008