Demo-примеры сайта dnzl.ru - Пример работы плагина jquery validation

Перейти обратно к статье Плагина jquery validation

Как сделать бизнес проще, а карман толще?

Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое раписание, но и напоминать клиентам о визитах тоже. Проблема в том, что средняя цена по рынку за такой сервис — 800 руб/мес или почти 15 000 руб за год. И это минимальный функционал. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
Для новых пользователей первый месяц бесплатно. А далее 290 руб/мес, это в 3 раза дешевле аналогов. За эту цену доступен весь функционал: напоминание о визитах, чаевые, предоплаты, общение с клиентами, переносы записей и так далее.
Уйма гибких настроек, которые помогут вам зарабатывать больше и забыть про чувство «что-то мне нужно было сделать».
Сомневаетесь? нажмите на текст, запустите чат-бота и убедитесь во всем сами!

$('#form6').validate({
rules:{
    one:{
        digits:true,
        required:true,
        max:100
        },
    two:{
        minlength:6,
        required:true
        },
      },
    messages:{
    one:{
        digits:"Обязательно цифры",
        required:"Поле оязательно",
        max:"До 100"
        },
    two:{
        minlength:"Минимальное кол-во символов 6",
        required:"Поле оязательны"
        }
    }
});

Меняем текст для сообщений с ошибками


$('#form7').validate({
    rules:{
        one:{
            digits:true,
            required:true,
            myMethod:20,
            }
        }
});


$.validator.addMethod('myMethod',
    function(val,el,args)
{
    if(Number(val)*args  <= 100)
    {
        return  true;
    }
    else
    {
        return  false;
    }

    },"Ваше значение, помноженное"+
"на 20 , к сожалению, больше 100");

<input  type="text" name="one"  />

Собственный метод проверки


 $("#form8").validate({
 rules:{
  one:{
 digits:true,
 required:true
}
 },
 messages:{
  one:{
 digits:"Обязательно цифры",
 required:"Поле оязательно"
}
 },
 errorElement: "em",
 errorClass: "errorMessages",
 validClass: "success",
 highlight: function(element, errorClass, validClass) {
 $(element).addClass(errorClass).removeClass(validClass);
 $(element.form).find("label[for=" + element.id + "]")
 .addClass(errorClass);
 },
 unhighlight: function(element, errorClass, validClass) {
 $(element).removeClass(errorClass).addClass(validClass);
 $(element.form).find("label[for=" + element.id + "]")
 .removeClass(errorClass);
 }
});


<form id="form8" action="" method="post">
<code class="new">
</code>
    <label for="name">
        <span>unhighlight и highlight,
        errorElement, errorClass, validClass </span>
        <input  id="name"  type="text" name="one"  />
    </label>
<button type="submit"
name="send">...Отправить</button>
</form>

unhighlight и highlight, errorElement, errorClass, validClass

Статья не окончена.....