我正在使用 jquery 验证来验证元素中的 3 个属性(最小长度、最大长度、必需)。
<input id="jumbotronSearch" type="text" class="form-control input-lg" placeholder="Location" required maxlength="50" minlength="4"/>
但是当显示错误消息时，它显示为黑色，而不是红色。
从看到其他演示和显示验证错误消息的线程和站点来看，消息似乎应该是红色的，元素的边框也应该是红色的!？？我是否必须自己设置样式，或者我是否遗漏了一些文件或配置参数以进行 jquery 验证以显示为红色？
这是错误消息的样子，看到消息是黑色的，不是红色的，元素的边框也不是红色的!
最佳答案
... it seems like the message should be in red and the border of the element will be red too!?? Do I have to style this myself...
是，由于插件不包含 CSS 样式表，您必须自己设置样式。
默认情况下，此插件将名为 error 的类应用于无效元素及其消息标签，并将名为 valid 的类应用于已验证元素。
快速浏览一下官方网站，您可以看到没有包含 CSS 文件:
From seeing other threads and sites that demo and display validation error messages it seems like the message should be in red...
这些其他人可能正在使用诸如 Bootstrap 之类的框架，其中可能包含已经针对 .error 和 .valid 类的 CSS。否则，您可以使用 validClass 和 errorClass 选项将这些类重命名为您想要的任何名称。
这是与上面相同的演示，但在 CSS 中应用了荒谬的样式:
您应该阅读所有可用插件选项的文档:jqueryvalidation.org/validate/
关于jquery - 我的 jquery 验证错误消息没有以红色显示，是我的错误缺少内置样式吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40208290/