Валидация на jQuery

by satantx

HTML

<form action="" class="form">
   <input type="text" class="required"><br>
   <input type="text" class="required"><br>
   <input type="text" class=""><br>
   <input type="text" class="required"><br>
   <button class="form_submit">Нажать нежно</button>
</form>

CSS

.error {
  background: #ff0000;
}

JavaScript

$('.form').each(function() {

	var
  	form = $(this),
    button = $('.form_submit', form),
    sizeError = null;
    
    function check() {
    	$('.required', form).each(function(){
      	var
        	el = $(this),
          elVal = el.val().trim();
      	elVal != '' ? el.removeClass('error') : el.addClass('error');
        sizeError = $('.error', form).length;
      });
    }
    
  
    button.click(function(){
    	check();
      if (sizeError>0) return false;
      else {
      	button.text('Получилось');
        return false;
      }
      
    });
    
    
});