Как использовать JS Form Validator API - PullRequest
0 голосов
/ 17 июня 2020

Я пытаюсь использовать этот валидатор формы: https://via-profit.github.io/js-form-validator/

А внизу есть некоторые функции API, которые я хотел бы использовать, но я не понимаю, как они используются.

Итак, в основном создана форма и есть такая кнопка отправки:

var validator = new Validator(formHandle, function (err, res) {
    return res;
}, options);


$(".submitMyForm").click(function(event) {
    validator.validate();
});

Итак, я хочу запустить валидатор сам при нажатии кнопки отправки, но я знаю, что это validate () функция работает не так. Может кто-нибудь объяснить, как используется этот API? Примеров нет.

Спасибо

1 Ответ

0 голосов
/ 17 июня 2020

Используйте

$(".submitMyForm").click(function(event) {
    new Validator(document.querySelector('.submitMyForm'), function (err, res) {
        return res;
    });
});

Res является логическим и присутствует всегда. Если форма имеет ошибку проверки, аргумент err будет Object, а если ошибок нет - null.

В дополнение к этому ваши поля ввода должны иметь атрибут data-rule :

<input type="text" name="email" data-rule="required|email"/>

Вертикальная полоса ( | ) используется для использования нескольких правила. Список правил можно найти на странице документации api

Я не пробовал код, поэтому дайте мне знать, что происходит

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...