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

Question

I have the following:

Answer 1

It is very simple without javascript or jQuery validation. We can achieve it by HTML5

Let suppose we have HTML field:

Just change the HTML as

If you observe, just add title = "Error message"

Now whenever form will be post, the given messages will be appeared and we did not need JavaScript or jQuery check. This solution works for me.