Как сделать подсвечивания поля с ошибками, bootstrap?

[Katerina23]

Я использовала старую версию bootstrap 3.3.5 сейчас я подключила Bootstrap v4.3.1. и вот этот код больше не работает.

errorPlacement: function ( error, element ) {
					
					error.addClass( "help-warrior" );

					if ( element.prop( "type" ) === "checkbox" ) {
						error.insertAfter( element.parent( "label" ) );
					} else {
						error.insertAfter( element );
					}
				},
        highlight: function ( element, errorClass, validClass ) {
         
					$( element ).parents( ".form-group" ).addClass( "has-error" ).removeClass( "has-success" );
					$( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
		},
		unhighlight: function ( element, errorClass, validClass ) {
					$( element ).parents( ".form-group" ).addClass( "has-success" ).removeClass( "has-error" );
					$( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
		},
        submitHandler: function() {
                alert("Submitted, thanks!");
                
        }

Как сделать в новой версии bootstrap подсвечивание?

[npofopr]

help-warrior — в бутстрапе никогда не было таких классов. 

Открываете список изменений 4 версии и смотрите, что на что сменилось. Меняете классы в вашем коде. 

[Katerina23]

Блин я ошиблась, это из других стилей. На самом деле не help-warrior, а help-block. 

[Katerina23]

Нашла примеры для Bootstrap 4 https://mdbootstrap.com/docs/jquery/forms/validation/, только они какие-то странные попыталась сделать не получилось, то что я хочу . Мне не нужны никакие крестики и галочки (в случае error или success) в поле input, мне надо вот так. https://jqueryvalidation.org/files/demo/bootstrap/index.html Чтобы поле подсвечивалось если неправильно заполнено красным или же если правильно то зелёным цветом.

[npofopr]

Не вижу проблем. 

Сделайте пример в песочнице, так будем для всех проще. 

[Katerina23]

В общем я сделала с помощью обычных стилей. Я разместила пример как просили в посте выше (по ссылке) https://codepen.io/Smith37/pen/ZEGbLEO. Подсветка работает но всё равно не то, у меня подсвечивается весь блок вместе с сообщением, а я хочу, чтобы подсвечивалась только поле input, в случае ошибки (красным) и правильно введенного значения (зелёным) как здесь. https://jqueryvalidation.org/files/demo/bootstrap/index.html

Edited February 12, 2020 by Katerina23

[npofopr]

Опять же. Какая проблема переписать стили? 

Перекрашивать не сам .has-danger , а .has-danger > .form-control 
Так нельзя?

[Katerina23]

Мне как раз это и надо было, я просто не знала как правильно записать стили. Спасибо, за помощь. Я отредактировала код https://codepen.io/Smith37/pen/ZEGbLEO

Edited February 12, 2020 by Katerina23