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

Question

[hoppiN]

https://highhops.github.io/kubet/basket/
В первом шаге я сделал проверку номера телефона, чтобы пользователи вводили конкретное значение, но как сделать так, чтобы если пользователь не ввёл номер, то нельзя было перейти по кнопке "Выбрать способ доставки и оплаты".

Answer 1

[Stalker_RED]

В современных браузерах можно проверять данные формы и без скриптов.
https://developer.mozilla.org/ru/docs/Learn/HTML/F...

Даже пример с телефоном есть.

Answer 2

[lavezzi1]

Варианта два:
1. https://jsfiddle.net/1zo0stme/
2. https://jsfiddle.net/j8fzr0tp/

Comments

[hoppiN]

Дело в том, что кнопка - это ссылка в другой таб. Поэтому нет возможности сделать эту кнопку тегом button.

[Алексей Сипаев]

А если сделать просто недоступной ссылку прям на этом табе, а не проверять по клику на неё заполненность? Пока не выполнить обязательные условия заполнения - ни шагу дальше.