title: Check form with onclick() function not working properly
body: <p>This is my third night working on the same code... can`t get it right after days of google and tutorials and I am so tired of it... I am beeing desperate right now...</p>
  
  <p>On short, I have a form and I use a button <code>type="button"</code> to generate a second button <code>type="submit"</code>.</p>
  
  <p>Before the second button appears, I need to check all required inputs if empty and after completion, show the second button.</p>
  
  <p>I created a mixed code which now verify if inputs are empty, and highlights them <strong>one by one</strong>, not all inputs empty at the same time as I wanted. </p>
  
  <p>I wanted to show highlighted all empty inputs not one by one and if one input is filled it should remove highlight class.</p>
  
  <p>My work so far can be found here: <a href="http://codepen.io/anon/pen/zNjqEy" rel="nofollow noreferrer">here</a>
  Most important of all, I have a calculator which is calculating from inputs values. This is the reason I am using first button <code>type="button"</code>.</p>
  
  <p>How to get this to an end? I am so tired of this. Thank you.</p>
  
  <p><strong>LE:</strong> Partially fixed it by removing some <code>return false;</code> code from function. It has some errors although. For example, if you complete the last three inputs without completing and the ones on top, will submit anyway.</p>