При створенні будь-яких форм на Вашому сайті, потрібно організовувати різні перевірки полів форми.
У цьому уроці хотів би показати один із способів як можна це робити використовуючи плагін JQuery Validation.
Даний плагін перевіряє поля форми на відповідність правилам і показує помилки користувача динамічно.
Виставляйте якість 1080р.
Давайте розглянемо простий приклад:
Підключаємо потрібні файли:
Підключаємо бібліотеку JQuery, плагін JQuery Validation і файл, де ми будемо писати свій код для перевірки.
Ось HTML код з нашому формою:
І ось файл myscripts.js з нашим кодом перевірки форм:
Щоб змінювати зовнішній вигляд повідомлень про помилку, потрібно в файлі CSS працювати з класом .error
Документація по плагіну тут.
Якщо урок Вам був корисний, натисніть на будь-яку кнопку нижче-буду вдячний Всім удачі і стежте за ходом подій
Доброго вам дня!
Давно вже використовую даний метод валідації, тільки однієї фішки в ньому не вистачає, може хто знає як порівняти числові значення полів між собою? Пробував через max і min, тобто наприклад, мінімальне значення поля1 = полю2, але так чомусь не виходить, якщо ж вказуєш у властивості min конкретне число (1,2,3 ...), то воно працює, а ось змінну брати не хоче.
Добрий день. А equalTo Вам не підходить?
На жаль немає. Завдання стоїть таке, що потрібно перевірити, наприклад, що сума двох полів менше або дорівнює значенню третього поля. Пробував зробити hidden, значення якого через JS отримує якраз таки з суми двох полів і потім це приховане поле порівнювати зі значенням третього поля (через властивість min третього поля), але, як з'ясувалося, це властивість не може бути динамічним.
Дякуємо. Все супер! зрозуміло і приємно слухати!