Как изменить позиционирование подсказки required у тега input?

Question

[Вадим Кузьмин]

Обязательное к заполнению поле - телефон, но подсказка указывает на поле с вводом имени. Как изменить ее позиционирование, подскажите пожалуйта.

P.S. Если будет совет проверять правильность заполнения форм с помощью JS - напишите пожалуйста код, я в нём полный ноль

Comments

[Анита Ковалева]

Обычно если форма у вас сделана каким-либо плагином(в том случае если ваш сайт не "голая верстка", а посажен под CMS - то у required назначен кастомный класс, которым вы можете манипулировать.

Как манипулировать: - вводите неправильное значение номер, у вас вылезает предупреждение, открываете Devtools(F12), и выбираете элемент required - он вам покажет сам блок, класс привязанный к блоку. Позже этому классу вы можете присваивать дополнительные значения позиционирования с помощью margin\transform и тд.

[Ankhena]

А выложите-ка ваш код с видимой проблемой в песочницу jsfiddle.net или codepen.io
Думаю, что там просто ошибка.

Answer 1

[NaN]

Burritito, Кажется вы сервисом ошиблись.

P.S. Если будет совет проверять правильность заполнения форм с помощью JS - напишите пожалуйста код, я в нём полный ноль

Comments

[Вадим Кузьмин]

А что делать-то с позиционированием?

[Rustam Bainazarov]

Burritito, именно эту подсказку — никак. Это встроенная в браузер шняга.

Answer 2

[Дмитрий Николаев]

Способ который я знаю , этот подключить библиотеку validate.js . Там поле ввода отдельным классом выводится . https://jqueryvalidation.org/

Comments

[Вадим Кузьмин]

а как её подключить?

[Дмитрий Николаев]

Burritito, Ты наверное ни разу не подключал библиотеки. Сначала скайай архивом файл там будут папки со стилями и js-файл. Их и подключи, как внешние файлы. Специально не говорю какие именно файлы, потому-что хочу что бы ты сам научился.