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

问题描述 投票:5回答:3

您可以测试输入元素是否具有CSS3的:valid或:invalid伪类,并使用jQuery吗?我想测试表单元素是否在启用提交按钮之前通过CSS验证。

我已经尝试过的东西不起作用:

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

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

$("#el").attr("valid")
javascript jquery html css
3个回答
7
投票

升级到jquery 1.10.2后,我可以确认使用:valid选择器现在可以按预期工作。

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

2
投票

如果您的Jquery版本低于1.10.2,则可以通过以下方式进行管理:

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

0
投票

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

inputEle.reportValidity() // `true` if valid, `false` otherwise
© www.soinside.com 2019 - 2024. All rights reserved.