Highcharts Demo

author(s): Torstein Hønsi

HTML

<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
<form class="inputForm">

  <div class="inputbox">
    <input type="text">
    <label>Email</label>
  </div>
  <div class="inputbox">
    <input type="text">
    <label>Password</label>
  </div>
</form>

CSS

.has-value{
  outline-color: red
}

JavaScript

$(function(){
      $('.inputForm .inputbox input').focusout(function(){

        var text_val = $(this).val();

        if(text_val === "") {
          $(this).removeClass('has-value');

        } else {
          $(this).addClass('has-value');

        }

      });

    });