Как можно у атрибута required изменить стандартную надпись?

Question

[realt]

....
"Заполните это поле"...и т. п... Как можно изменить эту стандартную надпись у required на какую либо другую?

Answer 1

[realt]

Вот правильное решение!

<input type="text" required oninvalid="this.setCustomValidity('Wow')" oninput="setCustomValidity('')" />

Comments

[barkalov]

Да, точно, так правильно.

[Евгений Петров]

@realt это ещё не повод данную вам подсказку и практически решение не отмечать таковым:)

[Евгений Петров]

@realt да не моё:))) Я отвечал про внешний вид, а вопрос был про текст. Я про ответ от @barkalov

[realt]

@Petroveg отметил ;)

[Vitalii Bryl]

Оно работает. Мне кажется так не правильно. А если сайт мультиязычный? На немецком языке будет выдавать то что написал? Это провоцирует писать ещё больше кода в зависимости от языка

Answer 2

[barkalov]

<input type="text" required oninvalid="this.setCustomValidity('Wow!')">

UPD:

<input type="text" required oninvalid="this.setCustomValidity('Wow')" oninput="setCustomValidity('')" />

Comments

[realt]

Супер! Спасибо :)

[realt]

Только теперь в mozzila после вывода сообщения, и дальнейшего изменения данных в форме, уже при правильных данных , форма висит красная и пишет что мол до сих пор данные не верны. Приходится перезагружать странницу.

[realt]

И в хроме этот баг...Во всех браузерах

Answer 3

[Дмитрий Б]

Убрать required из тега и написать свою валидацию на javascript и свой вывод сообщения

Comments

[Vitalii Bryl]

зачем, если задача звучит "изменить".
Если тебе предоставлена валидация готовая, че бы ей не воспользоваться? не нужно терять время на написание своей

[Дмитрий Б]

Vitalii Bryl, гениально! Это очевидно, но я не знал, что можно так сделать и предложил то, что мне было известно.

[Vitalii Bryl]

Дмитрий Байбухтин, кстате только что проверил и это работает :)

<input type="text" required oninvalid="this.setCustomValidity('Wow!')">

[Дмитрий Б]

Vitalii Bryl, хорошо ) Главное, что бы во всех популярных браузерах работало

[Vitalii Bryl]

Дмитрий Байбухтин, в популярных то работать будет. А в старых скорее всего нет, т.к. это html5

[Дмитрий Б]

Vitalii Bryl, от старых нужно избавляться

[Vitalii Bryl]

Дмитрий Байбухтин, :)) я тоже так считаю)

Answer 4

[Sergey799]

Текст понятно, а как поменять внешний вид и цвет границы?