JQuery - 如何测试输入元素是否应用了有效或无效的伪类？

Question

你可以测试一个输入元素是否具有使用jQuery应用于它的CSS3：valid或：invalid伪类吗？我想在启用提交按钮之前测试表单元素是否通过了CSS验证。

我尝试过的东西不起作用：

if($("#el").is(":valid")) {
    //...
}

if($("#el:valid").length == 0) {
    //...
}

$("#el").attr("valid")

Answer 1

升级到jquery 1.10.2之后，我可以确认使用：valid选择器现在可以正常工作了。

if($("#el").is(":valid")) {
    //...
}

Answer 2

如果您的Jquery版本早于1.10.2，您可以这样管理它：

if ($('#subscriberNumTb:valid').length > 0) {
    //your code
}

Answer 3

对于任何想知道如何使用香草JS的人。

inputEle.reportValidity() // `true` if valid, `false` otherwise