如何禁用 Bootstrap 表单验证（没有 jQuery）？

Question

我有一个 AngularJS 应用程序，它使用 Bootstrap (v3) 进行样式设置。我想在我的一个表单中禁用 Bootstrap 表单验证，当用户输入内容或将输入字段留空时，它会自动使我的输入字段分别发出绿色或红色光。

有没有办法使用 HTML/CSS/JavaScript 覆盖来做到这一点？我不想编辑原始 Bootstrap 文件，也不想使用 jQuery.

注意：我读到您可以使用 jQuery 和 $(#form).data('bootstrapValidator').enableFieldValidators('input', false) 来实现此目的，但正如我提到的：我不想使用 jQuery。

谢谢。

Answer 1

您可以创建自己的 CSS 文件来定义与 Bootstrap 相同的样式，例如 .has-error。只要您的 CSS 文件稍后被解析，您就会覆盖它们的实现。或者你可以添加 !important 然后你就不需要担心顺序了。

请注意，这可能会产生意想不到的后果，因为在这种情况下您将完全覆盖 Bootstrap。