How can I create a custom message when an HTML5 required input pattern does not pass?

Question

I have the following:

Answer 1

I'd add another attribute oninvalid.

oninvalid="setCustomValidity('Please enter at least 5 characters')"