Проблема заключается в том что при вводе хотя бы одной цифры в поле для телефона, валидация проходит успешно, а должна быть отрицательной так как введен неполный номер телефона.
Кроме того пробовал через минимальное количество символов однако не помогло.
Так же в коде добавлена inputMask для поля телефон.
<form class="basket-form">
<h2 class="custom-title">Форма для заказа</h2>
<input type="hidden" name="admin_email[]" value="dima030215@gmail.com">
<input type="hidden" name="form_subject" value="Заявка с сайта">
<label class="basket-from__label">
<input
class="basket-from__input basket-from__input-name"
type="text"
name="name"
placeholder="Введите ваше имя"
autocomplete="on"
data-validate-field="name"
required>
</label>
<label class="basket-from__label">
<input
class="basket-from__input basket-from__input-surname"
type="text"
name="surname"
placeholder="Введите вашу фамилию"
autocomplete="on"
data-validate-field="surname"
required>
</label>
<label class="basket-from__label">
<input
class="basket-from__input basket-from__input-tel"
type="tel"
name="tel"
placeholder="Введите ваш телефон"
data-validate-field="tel"
required>
</label>
<button class="custom-btn btn-send">Оформить заказ</button>
</form>
function getInputMask() {
const inputs = document.querySelectorAll("input[type='tel']");
const telMask = new Inputmask('+11 (999) 999-99-99');
telMask.mask(inputs);
}
function validateForms(selectorForm) {
const validate = new JustValidate(selectorForm);
validate.addField('[name="name"]',[
{
rule: 'required',
errorMessage: "Поле ИМЯ обязательное для заполнения",
},
{
rule: 'minLength',
value: 3,
},
{
rule: 'maxLength',
value: 15,
},
]);
validate.addField('[name="surname"]',[
{
rule: 'required',
errorMessage: "Поле ФАМИЛИЯ обязательное для заполнения",
},
{
rule: 'minLength',
value: 3,
},
{
rule: 'maxLength',
value: 15,
},
]);
validate.addField('[name="tel"]',[
{
rule: 'required',
errorMessage: "Поле ТЕЛЕФОН обязательное для заполнения",
},
{
rule: 'minLength',
value: 10,
},
]);
}