Добро пожаловать на портал вебмастеров WebmastersBY
Веб-программирование

validate.js - легкая JavaScript-библиотека для валидации форм

Компактная JS-библиотека, которая позволяет проверить данные форм на стороне клиента перед их отправкой

validate.js - легкая JavaScript-библиотека для валидации форм

validate.js представляет собой легкую (чуть более 1kb в сжатом виже) JavaScript-библиотеку для валидации форм, которая позволяет проверять поля формы для более чем десятка правил. Она легко нстраивается и не имеет каких-либо проблем с совместимостью.

Из ключевых возможностей validate.js выделим следующие:

  1. Отсутствие зависимостей
  2. Легко настраиваемые сообщения
  3. Более десятка правил валидации
  4. Использование коллбэков при создании кастомных правил валидации
  5. Работает даже в IE6!

Использование библиотеки простое: цепляем к вызову форму и указываем в ней в качестве параметров поля и правила их валидации.

var validator = new FormValidator('example_form', [{
	name: 'req',
	display: 'required',
	rules: 'required'
}, {
	name: 'alphanumeric',
	rules: 'alpha_numeric'
}, {
	name: 'password',
	rules: 'required'
}, {
	name: 'password_confirm',
	display: 'password confirmation',
	rules: 'required|matches[password]'
}, {
	name: 'email',
	rules: 'valid_email'
}, {
	name: 'minlength',
	display: 'min length',
	rules: 'min_length[8]'
}, {
	names: ['fname', 'lname'],
	rules: 'required|alpha'
}], function(errors) {
	if (errors.length > 0) {
		// Show the errors
	}
});

Если вам не совсем комфортно с "ванильным" JavaScript, рекомендуем попробовать jQuery плагин validate_helper, который облегчит вам использование библиотеки. Работает это примерно так:

var $my_form = $("#loginForm");
$my_form.validate();
Комментарии 0

Новый комментарий

Имя:
Для редактирования комментария осталось 10 минут
Комментарии отсутствуют