#jquery-myValidator.js

Another one js validator

jQuery Validate Plugin v0.5

Copyright 2014 UNLIKE Released under the MIT license

css classes for validation

• .vr-required - поле обязательно для заполнения
• .vr-email - проверка на эл. почту
• .vr-url - проверка на ссылку
• .vr-not-clean - не очищать поле после отправки формы

attributes for validation

• vr-name - имя поля, необходимо для уведомлений
• vr-min-length - минимально допустимая длинна
• vr-max-length - максимально допустимая длинна
• vr-accordance - Название поля которому должно соответсвовать проверяемое поле

css classes generated by plugin

• .vr-error - поле не валидное
• .vr-correct - поле прошло проверку
• .vr-touched - поле было изменено, поэтому можно начать проверку

additional fields

• .vr-notice-{input name} - контейнер для отображения ошибки конкретного поля

##Examples

###Simple

<form>
	<div class="vr-notice-email" style="color: red;"></div>
	<input type="text" name="email" 
		vr-name="Эл. почта" class="vr-required vr-email" vr-min-length="5">
	<button>Отправить</button>
</form>

$('form').myValidator();

###Ajax form

<form>
	<div class="vr-notice-email" style="color: red;"></div>
	<input type="text" name="email" 
		vr-name="Эл. почта" class="vr-required vr-email" vr-min-length="5">
	<button>Отправить</button>
</form>

$('form').myValidator({
	onSubmit: function($this, clean) {
		$this.ajaxSubmit({
			url: $this.attr('action'),
			dataType: 'json',
			type: "POST",
			success: function(data) {
				alert(data.data);
				clean();
			},
			error: function() {
				alert('Сервер временно не доступен, попробуйте позже');
			}
		});
	},
	afterSubmit: function($this) {
		return false; //отменяем стандартную отправку
	}
});

###Accordance attribute

<form>
	<div class="vr-notice-password1" style="color: red;"></div>
	<input type="text" name="password1" vr-name="Новый пароль" vr-min-length="6">
	<div class="vr-notice-password2" style="color: red;"></div>
	<input type="text" name="password2" vr-name="Подтверждение пароля" 
		vr-min-length="6" vr-accordance="password1">
	<button>Отправить</button>
</form>