Jquery，如何知道输入何时有：invalid 选择器？答案

【问题标题】：Jquery, how to know when input have a :invalid selector?Jquery，如何知道输入何时有：invalid 选择器？
【发布时间】：2013-01-17 17:22:07
【问题描述】：

我有这个代码：

HTML

<input type="text" data-value="1" data-type="input-records" placeholder="Value" pattern="\d{1,4}$" />

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...
});

我想进行这样的验证：

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

【问题讨论】：

标签： javascript jquery validation

【解决方案1】：

使用is 函数测试:invalid 伪类：

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

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

【讨论】：