Валідація форми jQuery
При створенні будь-яких форм на Вашому сайті потрібно організовувати різні перевірки полів форми. Можна знайти багато способів реалізації механізму перевірки, на деяких я вчився сам, деякі мені не подобалися завантаженістю коду, але в результаті з'явився свій алгоритм, якого я дотримуюся.
Для прикладу розберемо валідацію форми реєстрації. Основні кроки:
html-код форми реєстрації
Css для форми реєстрації
Валідація форми реєстрації
Відразу наведу повний код валідації, а потім розберемо його
Навігація за записами
Відмінна інструкція. Перебрав безліч, ця найкраща! Тільки не зрозумію де передати інформацію в обробник, якщо всі поля заповнені?
Євгеній, якщо ви хочете надсилати дані ajax-ом, то тоді скрипт відправки можна писати відразу після: if (validateForm()) event.preventDefault(); > тут у разі помилки validateForm() повертає true, і виконання переривається, код наступний за цією умовою виконуватися не буде, а якщо все заповнено коректно, то продовжиться виконання коду. А якщо у вас виконується відправка форми з перезавантаженням сторінки, то достатньо форми вказати метод відправки (post або get) і action (якщо треба вказати шлях до оброблювача)
Олексію, дякую за відповідь. Але чомусь не працює ajax методом. Вставляю свій код: else var form = $(formis); $.ajax( type: "POST", url: "mail.php", data: form.serialize() >).done(function() form.find( ".success").addClass("active"); setTimeout(function() form.find(".success").removeClass("active"); form.trigger("reset"); >, 2000); >); > То йде відправка POST методом і все передається в рядок браузера. А якщо використовувати без else, тоді дані відразу ж відправляються, навіть якщо не заповнені поля
Перепрошую, моя помилка. Зовсім забув, що наведений мною код працюватиме лише зі звичайною відправкою форми. У випадку ж, коли відправляємо за допомогою ajax, необхідно трохи змінити логіку — подію відправки форми за замовчуванням відключаємо відразу, а якщо є помилки при заповненні повертаємо false: