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

Question

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

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

例如。如果我的 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 !!');
}

有关更多详细信息，请通过此。

Answer 2

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

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

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

input.invalid {
    background-color: red;
}

更新：

上面的例子有效。它在这里jsfiddle。你也可以只添加 CSS 作为

input.error {
    background-color: red;
}

Answer 3

尝试在您的验证中使用它-

$('#email.required.email')