Как валидировать форму в jQuery Mobile?

Пользователь

от aubree , в категории: JavaScript , год назад

Как валидировать форму в jQuery Mobile?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jorge , 9 месяцев назад

@aubree 

Существует несколько способов валидации формы в jQuery Mobile. Один из них - использование плагина jQuery Validation. Для начала необходимо подключить библиотеку jQuery и плагин jQuery Validation:

1
2


Затем можно добавить объект формы и определить правила валидации:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
  Имя:
  

  Email:
  

  Сообщение:
  

  Отправить



  $(document).ready(function() {
    $("#myform").validate({
      rules: {
        name: {
          required: true
        },
        email: {
          required: true,
          email: true
        },
        message: {
          required: true
        }
      },
      messages: {
        name: {
          required: "Пожалуйста, введите свое имя"
        },
        email: {
          required: "Пожалуйста, введите свой email",
          email: "Пожалуйста, введите правильный email"
        },
        message: {
          required: "Пожалуйста, введите сообщение"
        }
      }
    });
  });


В этом примере мы определяем объект формы с тремя полями (Имя, Email и Сообщение), а затем используем метод validate() для определения правил валидации. Правила определяются в объекте rules, а сообщения об ошибках в объекте messages. При отправке формы метод validate() автоматически проверяет ее на соответствие правилам валидации и, если есть ошибки, выводит сообщения об ошибках.


Более подробную информацию о плагине jQuery Validation можно найти на его официальном сайте: https://jqueryvalidation.org/.