Jquery，如何知道输入时有一个：无效的选择器？

我有这个代码：

HTML

CSS

 input[type=text]:invalid { background-color: red; } 

使用Javascript

 $("[data-type=input-records]").die().live("keypress", function (e) { if (!($(this).val().length + 1) < 5) { e.preventDefault(); return; } // More code below... }); 

我想做这样的validation：

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

Answer 1

使用is函数测试:invalid pseudoclass：

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

示例： http ： //jsbin.com/ikuwur/2/edit