Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Заменить стандартную надпись при 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('')"

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



Вас может еще заинтересовать список тем : #HTML | #JS | #FORM |
https://dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:

Последние комментарии :
Марат :
08/08/2020 08:59
Нам в очередной раз добавили десяточку, теперь у нас …
подробнее.
Марат :
02/08/2020 12:22
Никогда не задавался такой целью, сделать "клик без onclick"!Как мне кажется, "onclick" и придумали, чтобы отследить…
подробнее.
Darya :
01/08/2020 10:52
А можно сделать клик без…
подробнее.
Марат :
12/07/2020 11:14
Превратите код в html…
подробнее.
Владимир :
11/07/2020 10:29
Строка не прошла, как ее написать…
подробнее.