Jquery, how to know when input have a :invalid selector?

Question

I have this code:

HTML

Answer 1

Use the is function to test for the :invalid pseudoclass:

if ($(this).is(":invalid")) {
    showMessage("Invalid value");
}

Example: http://jsbin.com/ikuwur/2/edit