Onchange input

by gangstarcj

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<input type="text" class="input">

CSS

.input {
  border: 1px solid #ccc;
}
.input.text {
  border: 2px solid #000;
}

JavaScript

$( ".input" ).change(function() {
  var val = $(this).val();
  if (val != "") {
  $(this).addClass("text");
  } else {
    $(this).removeClass("text");
  }
});