Как правильно настроить jquery validator?

Question

[Дмитрий]

import $ from "jquery";
import validate from "jquery-validation";

$(document).ready(function () {

    $("#validate-form").each(function () {
        $(this).validate({
            rules: {
                name: {
                    required: true,
                },
                phoneNumber: {
                    required: true,
                    minlength: 17,
                    maxlength: 17
                },
            },
            submitHandler: function() {
                location.href = './thanks.html'
            }
        });
    });

});

<form class="modal-form validate-form" id="validate-form" action="#">
      <input class="g-input modal-form__input" data-validate-field="name" type="name" name="Имя" placeholder="Ваше имя" inputmode="text">
      <input class="g-input modal-form__input" data-validate-field="tel" type="tel" name="Телефон" placeholder="Ваш телефон" inputmode="text">
      <button class="btn-reset g-btn modal-form__btn">Вызвать</button>
</form>

Сейчас в независимости от данных импутов, даже если они пустые кидает на страницу спасибо, ещё при блюре должен добавлятся класс error