title: CSS form highlighting for error validation
body: <p><a href="http://www.hongkiat.com/blog/ajax-html5-css3-contact-form-tutorial/" rel="nofollow">http://www.hongkiat.com/blog/ajax-html5-css3-contact-form-tutorial/</a>
  I have this form on one of my websites but the way they made this is complicated for me. i want to know if there is any way that i could have the validation for the input boxes red when the user makes a mistake. something like this <a href="http://jsfiddle.net/3UCbw/1/" rel="nofollow">http://jsfiddle.net/3UCbw/1/</a> i just want to highlight the boxes red when the user makes a mistake thats it. thanks any help would be appreciate it! </p>
  
  <p>this is the code i have for the highlight. </p>
  
  <pre><code>div.highlight {
  -webkit-box-shadow:5px 5px 5px black; 
  -moz-box-shadow: 5px 5px 5px black; 
   box-shadow:5px 5px 5px black; 
   -webkit-box-shadow:0 0 15px red; 
   -moz-box-shadow: 0 0 15px red; 
   box-shadow:0 0 15px red; 
   } 
  </code></pre>
  
  <p>you can take a look at the form at the link on the top!
  maybe is something easy in the jquery just to highlight the boxes thanks! </p>