title: jQuery UI Tabs: Don't let user switch tabs if form input in active tab has content
body: <p>I'm using jQuery UI Tabs, and these tabs are inside a form. Every tab contains a number of form fields, which can be filled. It looks something like this:</p>
  
  <pre><code>&lt;form&gt;
  &lt;tab1 href=tabcontent1&gt; &lt;tab2 href=tabcontent2&gt; &lt;tab3 href=tabcontent3&gt;
  
  &lt;div tabcontent1&gt;
  &lt;input field&gt;
  &lt;input field&gt;
  &lt;/div&gt;
  
  &lt;div tabcontent2&gt;
  &lt;input field&gt;
  &lt;input field&gt;
  &lt;/div&gt;
  
  &lt;div tabcontent3&gt;
  &lt;input field&gt;
  &lt;input field&gt;
  &lt;/div&gt;
  
  &lt;submit button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Problem is, If the user for example have started filling the fields of tab1, I don't want the user to be able to fill the fields of tab2 or tab3.</p>
  
  <p>So, I'm looking for a way to check if the user have started to fill the input fields of a tab, and if this is the case, hide the other tabs / disable switching to the other tabs.</p>
  
  <p>If the user removes the stuff he has written, he should once again be able to switch tabs.</p>
  
  <p>Thanks for your help, it's greatly appreciated!</p>
  
  <p>// Jens.</p>