可以jquery检查是否应用了类？

Question

我下载了一个易于使用的jquery.validatation插件，但我想知道我是否可以通过检查该类是否应用来自行添加脚本...

这个插件是如何工作的......

例如。如果我的HTML代码是......

<input type="text" name="email" id="email" class="required email" />

我只是把class =“required email”和我链接的jquery验证将检查电子邮件是否有效并在文本框的侧面显示错误消息，如果它无效但如果我想添加让我们说改变文本框的bg颜色/发出警报。

这可能吗？

我不确定在页面运行时是否始终应用该类，因为我不想触摸我下载的插件...（对于我来说，知道发生了什么事情有点太复杂了插件脚本）

Answer 1

可以jquery检查是否已应用该类？

是的，您可以使用hasClass()方法进行检查。

例如。

if($('#mydiv').hasClass('foo'))
{
     alert('mydiv has foo clas');
}
else
{
     alert('no foo class found !!');
}

有关详细信息，请查看this。

Answer 2

尝试在验证中使用它 -

$('#email.required.email')

Answer 3

您还可以为错误输入添加自定义CSS Class。

$(".selector").validate({
   errorClass: "invalid"
})

为您想要的任何样式定义CSS类。

input.invalid {
    background-color: red;
}

更新

以上示例有效。它在这里jsfiddle。而且你也可以只添加CSS作为

input.error {
    background-color: red;
}