double-validate v2.0.1

Jquery Double Validate

Плагин для двойной валидации (client+server). Содержит в себе унифицированный ajax+json запрос и умеет автоматически подставлять ошибки к конкретным полям.

Установка:

npm install double-validate
bower install double-validate

Parameters

Callbacks

Детали

• При отправке данных включает блокировку, не позволяя задублировать запрос до получения ответа. В этот момент на форму навешивается класс .double-validate--wait, для возможности дать визуальный фидбек юзверю.
• При ошибке отправки запроса, или не получении в ответет корректного json, выведет примитивный alert с сообщением, которое можно заменить через параметр errorText
• Учитывает файлы при отправке формы
• Есть общие ошибки которые нет возможности логически привязать к какому либо полю, они передаются через отдельное свойство объекта ответа сервера. Они размещаются в отдельном контейнере, классами которые можно управлять через свойства.
• Есть возможность послать на внешний сервер при ошибке отправки формы для внутренней системы алертов

Example

<form id="form" action="/ajax/formHandler.php">
	<div class="double-validate__main-error-container"></div>
	<input type="email" value="" placeholder="Email" required
		data-validation-error-msg-required="Поле, обязательно к заполнению"
		data-validation="required">

	<input type="text" value="" placeholder="Телефон" required
		data-validation-error-msg-required="Поле, обязательно к заполнению"
		data-validation="required">
</form>

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/jquery-form-validator/form-validator/jquery.form-validator.min.js"></script>
<script src="bower_components/double-validate/jquery.double-validate.js"></script>
<script>
	$('#form').doubleValidate({
		onServerValidateSuccess: function(response){
			console.log('you request added');
		},
		onServerValidateError: function(response){
			console.log('error');
		}
	});
</script>

Унифицированный ответ сервера:

{
	  "status": true
	, "mainErrors": [
		"Вы уже отправили заявку"
	]
	, "errors": {
		  "email": "Пользователь с таким email уже существует"
		, "company": "Для регистрации в качестве оптового покупателя необходимо заполнить это поле"
		[...]
	}
}

Работает на основе jQuery Form Validator. Выбран он вместо стандартного jquery.validate.js из-за большей гибкости управления из html, что проще в поддержке на ряде движков.