HTML5 form required attribute. Set custom validation message?

Question

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

Answer 1

The solution for preventing Google Chrome error messages on input each symbol:

Click the 'Submit' button with empty input field and you will see the custom error message. Then put "-" sign in the same input field.

  Here you will see browser's error validation message on input:

  
  



  

  Here you will see no error messages on input: