Skip to content

JQuery validation

Vital-jan edited this page Mar 12, 2021 · 2 revisions

https://www.hostcms.ru/documentation/step-by-step/templates/jquery.validate/

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script>

      $("#coop-edit-form").validate({
        errorPlacement: function(error, element) { // without messages
          return true;
        },
        rules: {
          name: "required",
          email: {
            required: true,
            email: true
          },
          password: "required",
          phone: "required",
          percent: {
            number: true,
            required: true,
            min: 0
          },
          team_lead: {
            min: 1
          }
        }
      });

Каждое поле формы должно иметь класс required;

Cтилизовать поля с ошибками:

полям, содержащим ошибку, jquery назначает класс error

Список правил:

    required — поле обязательное для заполнения (true или false);
    remote — указывается файл для проверки поля (например: "check.php");
    email — проверяет корректность e-mail адреса (true или false);
    url — проверяет корректность url адреса (true или false);
    date — проверка корректности даты (true или false);
    dateISO — проверка корректности даты ISO (true или false);
    number — проверка на число (true или false);
    digits — только цифры (true или false);
    creditcard — корректность номера кредитной карты (true или false);
    equalTo — равное чему-то (например другому полю equalTo: "#pswd");
    accept — проверка на правильное расширение (accept: "xls|csv");
    maxlength — максимальное кол-во символов;
    minlength — минимальное кол-во символов;
    rangelength — кол-во символов от скольких и до скольких (rangelength: [2, 5]);
    range — число должно быть в диапазоне от и до (range: [2, 12]);
    max — максимальное значение числа;
    min — минимальное значение числа.

Clone this wiki locally