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

Question

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

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

Answer 1

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

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

В Firefox также есть атрибут 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, который заменяет встроенное сообщение об ошибке.

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

Answer 3

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

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

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