@dsoloma34

Как сделать, чтобы форма не отправлялась при условии что символов недостаточно?

Нужно, чтобы форма не отправлялась, если в input type="tel" меньше 15 символов.

Вот что есть:

<input type="tel" placeholder="+48 111-111-111" id="phone" name="phone" data-field="item" required>
 <input id="but1" value="Zamówic" type="submit">

$(function () {
   var inputName = $('[data-field="input-name"]');
   $(document).on('input', '[data-field="item"]', function () {
		var item = $(this);
		
		$('#but1').on('click', function() {
				if (item.val().length < 15) {
					alert('< 15 символов');
				}
		});
	});
});
  • Вопрос задан
  • 104 просмотра
Решения вопроса 2
tyllo
@tyllo
$('#but1').on('click', function(event) {
  if (item.val().length < 15) {
    alert('< 15 символов');
    event.preventDefault();
    // event.stopPropagation(); <-- еще можно остановить клик, но так не советуется делать
  }
});
Ответ написан
pavlukd
@pavlukd
Фрилансер. Руководитель отдела IT
Добрый день!

Как-то так:

HTML

<input type="tel" placeholder="+48 111-111-111" id="phone" name="phone" data-field="item" minlength="9" required>
<input id="but1" value="Zamówic" type="submit">


JS

phone.addEventListener('keyup', function(evt){
  let length = this.value.length
  if (length < 9) document.getElementById('but1').disabled = true;
  else if (length == 9) document.getElementById('but1').disabled = false;
  else if (length > 9) document.getElementById('but1').disabled = true;
})


https://jsfiddle.net/pavlukd/opvnemr5/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы