Как изменить «не действует ввод» текст HTML5 формы

Question

Если тип поле ввода является email в виде html5, и если кто-то не вводит действительный адрес электронной почты, он будет говорить Please enter an email address.

Есть способ изменить этот текст без тонны javascript? (на тонну javascript я имею в виду еще одну реализацию этих валидаторов ввода, написанных с большим количеством javascript, которые обычно зависят от jQuery или других)

Answer 1

Вы можете попробовать установить атрибут validationMessage, но я не знаю, есть ли какой-либо браузер чтит его.

Вот их пример для настройки пользовательского сообщения setCustomValidity

В светлячок есть также атрибут x-moz-errorMessage

Пример: http://jsfiddle.net/XYgJH/

<form> 
<input type="email" oninput="check(this)"/> 
</form> 
<script> 
    function check(input){ 
    if(input.valid){ 
        input.setCustomValidity(''); 
    } else { 
        input.setCustomValidity('silly duck'); 
    } 
} 
</script> 

Answer 2

Firefox реализован нестандартный атрибут: x-moz-errormessage

Итак, у вас может быть что-то вроде этого, wh прежде чем текст заголовка используется, когда поле остается пустым:

<input type=“email” required x-moz-errormessage=“Wrong!” title=“Try again”> 

Answer 3

Firefox в настоящее время поддерживает атрибут x-moz-errormessage который заменяет сообщение встроенный в ошибке.

В противном случае, если вы знаете, когда будет инициирована проверка, вы можете временно установить пользовательское недопустимое сообщение состояния с помощью isValid() и setCustomValidity().