Главная
Друзья! Пожалуйста не нервничайте! Скоро все заработает... у нас генеральная уборка...

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

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

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

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

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

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

Код:

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

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

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

</form>

Результат!


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

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

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

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

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