Custom validation function Html5

Question

I wonder if there is any way to override the function that makes the validation of a field in Html5, I notice that the browser’s implement in an elegant way a floating alert, I wish to have a custom test in which I check CPF and other data not simple.

Basically I want to use the means of the browser but with javascript implement a different validation overriding the validation that the browser uses in that type and even implement new types.

I would like to implement something that allows me to create an input field that validates CPF, CNPJ, different url than what the browser implements, and even email, but without losing the display form that the browsers today give us that is very elegant in my view.

Answer 1

Have you seen anything about jquery validate and jquery validate unobtrusive? They add a validation layer and allow you to use the default form of browser notification