HTML5 form required attribute. Set custom validation message?

Question

I\'ve got the following HTML5 form: http://jsfiddle.net/nfgfP/

Answer 1

Try this one, its better and tested:

HTML:

JAVASCRIPT:

function InvalidMsg(textbox) {
    if (textbox.value === '') {
        textbox.setCustomValidity('Required email address');
    } else if (textbox.validity.typeMismatch){
        textbox.setCustomValidity('please enter a valid email address');
    } else {
       textbox.setCustomValidity('');
    }

    return true;
}

Demo:

http://jsfiddle.net/patelriki13/Sqq8e/