Quiero saber si hay alguna forma de mostrar un error de validación de HTML5 mediante una función de JavaScript.

Esto es útil para situaciones en las que se debe verificar la duplicación de correo electrónico. Por ejemplo, una persona ingresa un correo electrónico, presiona el botón Enviar, y luego se le debe notificar que este correo electrónico ya está registrado o algo así.

Sé que hay otras formas de mostrar tal error, pero quería mostrarlo de la misma manera que se muestran los mensajes de error de validación (por ejemplo, correo electrónico no válido, campo vacío, etc.).

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

Formulario 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");

}

El código anterior establece el mensaje personalizado, pero no se muestra automáticamente. Solo se muestra cuando la persona presiona el botón de envío o algo así.