Question

If the input field’s type is email in an html5 form, and if someone does not input a valid email address, it will say Please enter an email address.

Is there a way to change that text without a ton of javascript ? (by a ton of javascript I mean another implementation of that input field validadors written with a lot of javascript that usually depend on jQuery or others)

Answer 1

You can try setting the validationMessage attribute, but I don’t know if any browser honors it.

Here is their example for setting the custom message setCustomValidity

In firefox there is also the x-moz-errorMessage attribute

Example: 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>