Я хочу знать, есть ли какой-либо способ программно показать ошибку проверки HTML5, используя функцию JavaScript.

Это полезно для сценариев, в которых необходимо проверять дублирование электронной почты. Например, человек вводит электронное письмо, нажимает кнопку «Отправить», а затем должен быть уведомлен о том, что это электронное письмо уже зарегистрировано или что-то в этом роде.

Я знаю, что есть и другие способы показать такую ошибку, но я хотел отобразить ее так же, как отображаются сообщения об ошибках валидации (например, неверный адрес электронной почты, пустое поле и т. Д.).

JSFiddle: http://jsfiddle.net/ahmadka/tjXG3/

Форма HTML:

    
    Submit


Trigger Custom Message

JavaScript:

function triggerCustomMsg()
{
    document.getElementById("email").setCustomValidity("This email is already used");

}

Приведенный выше код устанавливает пользовательское сообщение, но оно не отображается автоматически. Это'отображается только тогда, когда человек нажимает кнопку отправки или что-то.