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

本文介绍了Jquery，如何知道输入时有一个：无效的选择器？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有这段代码：

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

推荐答案

使用函数来测试：无效 pseudoclass：

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

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

示例：

这篇关于Jquery，如何知道输入时有一个：无效的选择器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！