-
Notifications
You must be signed in to change notification settings - Fork 0
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 — минимальное значение числа.