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

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

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

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

Форма HTML:

<form>
    <input type="email" id="email" placeholder="Enter your email here..." required>
    <button type="submit">Submit</button>
</form>

<button id="triggerMsg" onclick="triggerCustomMsg()">Trigger Custom Message</button>

JavaScript:

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

}

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