Как изменить цвет рамки при фокусе на input JS, Jquery?

Question

Как изменить цвет рамки при фокусе на input JS, Jquery?

Dima Hyip Ученик (77), закрыт 4 года назад

При ошибке отправки ajax запроса выводится ошибка ( $('#error').html('Ошибка. Повторите попытку'); ) и происходит фокусировка на input ( $("[name='email']").focus(); ). Как помимо фокусировки еще изменить цвет рамки? Не обычной рамки, а именно которая при фокусе появляется

Answer 1

Юзай css свойство outline
JS тут ни при чем

Answer 2

а не грамотнее сделать например класс .error например такой
border: 2px solid red;
и назначать его при ошибке, например так

var $input = $("[name='email']");
$input.removeClass('error');
$.ajax({
type: ...
url: ...
...
success: function (data) {
...
},
error: function (request, status, error) {
...
$input.addClass('error');
}
});