ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Заменить стандартную надпись при required

2018/06/13 Марат 411 0 HTML | JS | FORM |

Иногда, когда вы используете различный формы, то они могут иметь различные назначения! И если вы знаете, то один из атрибутов формы required будет выводить информацию всегда одну и ту же в зависимости от типа(type) и/или от названия текстового поля…

Для иллюстрации вывода по умолчанию, давайте сделаем радио точку посмотрим, что будет если мы не заполним поле…

У нас есть форма с двумя инпутами и радио точкой...не нажимая точку - нажмите отправить!

Как здесь мы видим -выходит стандартное сообщение. что выберите одно из полей!

Но нам это не нужно! Нам нужно, чтобы вместо стандартной надписи required - выводило наш текст, потому. что в нашем случае у нас совершенно другой смысл и вывод .. вообще сообщения по умолчанию - даже выглядит глупо - потому, что выбрать один из вариантов невозможно - у нас одна радио точка...

Код:

<form action="" method="post">

    <input type="radio" name="robot" required><br>

    <input type="submit" value="Отправить">

</form>

Результат!


Изменяем сообщение по умолчанию

Естественно, что для изменения и вывода вашего сообщения вместо «по умолчанию» придется использовать яваскрипт.

Добавляем вот такую надпись в наше требуемое поле… не буду разжевывать каждую букву, для этого возможно выделим в отдельные темы…

oninvalid="this.setCustomValidity('Подтвердите, что вы не робот!')" oninput="setCustomValidity('')"

Смотрим результат:


С вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019