2015-04-13 4 views
2

У меня есть приложение AngularJS, которое использует Bootstrap (v3) для стилизации. Я хочу отключить проверку формы Bootstrap в одной из моих форм, которая автоматически дает мое поле ввода зеленое или красное свечение, когда пользователь вводит контент или оставляет поле ввода пустым, соответственно.Как отключить проверку формы Bootstrap (без jQuery)?

Есть ли способ сделать это с помощью переопределения HTML/CSS/JavaScript? Я не хочу редактировать исходные файлы Bootstrap и не хочу использовать jQuery.

Примечание: Я прочитал, что вы можете достичь этого, используя jQuery с $(#form).data('bootstrapValidator').enableFieldValidators('input', false), но, как я уже говорил, я не хочу использовать jQuery.

спасибо.

+1

Я думаю, вы можете быть смущены. Bootstrap Validator - это отдельный плагин jQuery. Он не является частью структуры Bootstrap. Сам Bootstrap не дает никакой проверки. Существуют некоторые стили, которые можно применять к формам единообразного стиля, когда вы выполняете проверку с помощью других средств. Если вы используете AngularJS, я бы посмотрел, есть ли ng-класс в сочетании с ngModelController с использованием $ error и $ valid, который, возможно, применяет ошибки Bootstrap-has-error или has-success. Если вы разместите свой код, было бы легче предоставить ответ. – jme11

ответ

2

Вы можете создать свой собственный CSS-файл, который будет определять те же стили, что и Bootstrap, например .has-error. Пока ваш CSS-файл будет разбираться позже, вы переопределите их реализацию. В качестве альтернативы вы можете добавить !important, а затем вам не нужно беспокоиться о заказе.

Обратите внимание, что это может иметь непреднамеренные последствия, поскольку в этом случае вы полностью перекрываете Bootstrap.

Смежные вопросы