Как реализовать переходы между input на мобильных устройсвах?

Question

[Егор]

Подскажите как реализовать правильный переход между полями формы на мобильных устройствах. Сейчас это работает так: пользователь вводит тест в поле со смарфона например и жмет enter на виртуально клавиатуре, после форма пытается сразу отправится, хотелось бы что бы по нажатию на кнопку переходило к следующему полю, а на последнем только отправляло. Если можно ссылки на какие нибудь решения или как такое реализовывать.

Answer 1

[GreatRash]

У формы есть событие onsubmit. При наступлении этого события я бы запускал валидатор формы. Если какое-то из обязательных полей не заполнено, то валидатор возвращает false, а первое незаполненное поле получает фокус.

Answer 2

[Hikep]

там косяк с браузерами.
codepen.io/anon/pen/WbazNw
chrome на андроиде обрабатывает корректно, ucweb же не корректно.

Answer 3

[Глюкъ Виртуален]

Если указать всем обязательным полям "required", то браузер все сделает сам и предложенные костыли не пригодятся.

Comments

[Егор]

При required будет вылазить подсказка мол заполните поле, но мне не нужно что бы они показывались как тогда быть?

[Глюкъ Виртуален]

DarkSir: эта подсказка полностью выполняет вашу задачу.