title: Changing textbox border color when validation occurs with HappyJs
body: <p>I'm trying to get the textbox border color to change when the validation kicks in on my form. I currently have a style set-up in the css:</p>
  
  <pre><code>input[type=text]:focus {
      box-shadow: 0px 0px 7px #0dc8e5;
  }
  
  input[type=text]:hover {
      box-shadow: 0px 0px 7px #0dc8e5;
  }
  </code></pre>
  
  <p>However, this needs to change to red if the <code>javascript</code> validation kicks in.</p>
  
  <p>I'm using the following: <a href="http://happyjs.com/" rel="nofollow">HappyJs</a>.</p>