СКРИПТЫ alt phpjshtmlcssblog
ТЕГИ:
php (267)
js (136)
html (133)
css (96)
html tags (58)
edit text (37)
jquery (36)
form html (29)
php array (28)
foto (23)
fonts (22)
forum (19)
atom (17)
board (17)
hosting (17)
html book (17)
Показать еще :
svg (16)
js method (16)
php file (15)
ruweb.net (15)
color (14)
osclass (13)
htaccess (13)
path (12)
table (12)
input (11)
icon (11)
info (11)
online (11)
yandex (11)
php date (11)
notepad (11)
js delete (11)
php img (10)
url (10)
jsphp (10)
form (8)
task (7)
cookie (7)
comment (7)
php url (7)
click (6)
ftp (6)
js url (6)
value (5)
reg.ru (5)
mb (5)
adminka (5)
js id (4)
bbcode (4)
js form (4)
select (4)
search (4)
js copy (4)
vk (3)
captcha (3)
js time (3)
iframe (3)
vs code (3)
sitemap (2)
js post (2)
browser (2)
console (2)
seo (2)
tag hr (2)
ukoz (2)
header (1)
archive (1)
smile (1)
numbers (1)
ssl (1)
books (1)

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

2018/06/13 Марат 46 0 html | js |

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

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

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

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

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

Код:

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

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

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

</form>

Результат!



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

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

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

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

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


Пользуйтесь на здоровье! Не забудьте сказать спасибо

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...

Последние комментарии :
Марат :
10.10.2021 17:20
Добавлен новый смайл
подробнее.
Марат :
05.10.2021 26:37
Страница sitemap.html восстановлена. Но будут вводиться только страницы…
подробнее.
Марат :
04.10.2021 38:22
Добавил несколько вариантов поставить смайл на страницу своего сайта! 3 варианта! Кроме варианта скачать…
подробнее.
Марат :
17.09.2021 28:02
Установка Яндекс поиск на сайт! Контент обновлен на 100%. Такое ощущение, что старый текст не я…
подробнее.
Марат :
07.09.2021 23:21
Частенько приходится исправлять ошибки и вот...как-то я обратил внимание на надпись: "нажми ctrl enter" на сайте и…
подробнее.
Марат :
23/07/2021 10:58
Сам офигеваю...
подробнее.