xxxxxxxxxx1
<div class="container">2
<!-- Material input -->3
<div class="d-flex align-items-center">4
<i class="fab fa-accusoft text-primary fa-3x custom-ico"></i>5
<div class="md-form mx-3">6
<input type="text" id="form1" class="form-control">7
<label for="form1">Example label</label>8
</div>9
</div>10
11
</div>1
1
xxxxxxxxxx1
const $icon = $(".custom-ico");2
$("#form1").focus(function() {3
$icon.removeClass("text-primary").addClass("text-danger");4
});5
6
$("#form1").blur(function() {7
if(!$(this).val()) {8
$icon.addClass("text-primary").removeClass("text-danger");9
}10
11
}); Console errors: 0