title: How to stop form submission after validation has suceeded
body: <p>I was wondering if there was a way I could stop the form from being submitted normally after Jquery validation has actually succeeded. </p>
  
  <p>I would like some other function to take care of submitting the form. I'd like the form to be validated but not submitted. Hope anyone can help</p>
  
  <p>I'm using the <code>VarienForm</code> validation class.</p>
  
  <p>here'a an example below:</p>
  
  <pre><code>var newform = new VarienForm('newform', true);
  </code></pre>
  
  <p>Thanks in advance.</p>
  
  <p>here's my form:</p>
  
  <pre><code>&lt;form  id="newform" &gt;
  &lt;div class="fieldset"&gt;
  &lt;h2 class="legend"&gt;User Details&lt;/h2&gt;
      &lt;ul class="form-list"&gt;
                 &lt;li class="fields"&gt;
              &lt;div class="field"&gt;
                  &lt;label for="firstname" class="required"&gt;&lt;em&gt;*&lt;/em&gt;First Name&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                      &lt;input name="firstname" id="firstname" title="First Name of Staff" value="&lt;?php  if (isset($user-&gt;firstname)){ echo $user-&gt;firstname; } ?&gt;" class="input-text required-entry" type="text"  tabindex="1"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="field"&gt;
                  &lt;label for="lastname" class="required"&gt;&lt;em&gt;*&lt;/em&gt;Last Name&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                      &lt;input name="lastname" id="lastname" title="Last Name of Staff" value="&lt;?php  if (isset($user-&gt;lastname)){ echo $user-&gt;lastname; } ?&gt;" class="input-text required-entry" type="text"  tabindex="2"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/li&gt;
            &lt;li class="fields"&gt;
              &lt;div class="field"&gt;
                  &lt;label for="othername" class="required"&gt;&lt;em&gt;*&lt;/em&gt;Other Name (s)&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                      &lt;input name="othername" id="othernames" title="Other Name(s)" value="&lt;?php  if (isset($user-&gt;othername)){ echo $user-&gt;othername; } ?&gt;" class="input-text" type="text" tabindex="3"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
                   &lt;div class="field"&gt;
                  &lt;label for="phone" class="required"&gt;&lt;em&gt;*&lt;/em&gt;Phone Number&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                      &lt;input name="phone" id="phone" title="Phone Number" value="&lt;?php  if (isset($user-&gt;phone)){ echo $user-&gt;phone; } ?&gt;" class="input-text validate-number" type="text" tabindex="4"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li class="fields"&gt;
              &lt;div class="field"&gt;
                  &lt;label for="username" class="required"&gt;&lt;em&gt;*&lt;/em&gt;User Name&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                      &lt;input name="username" id="username" title="User Name" value="&lt;?php  if (isset($user-&gt;username)){ echo $user-&gt;username; } ?&gt;" class="input-text required-entry" type="text" tabindex="5" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
               &lt;div class="field"&gt;
                  &lt;label for="email" class="required"&gt;&lt;em&gt;*&lt;/em&gt;Email&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                      &lt;input name="email" id="email" title="User Email" value="&lt;?php  if (isset($user-&gt;email)){ echo $user-&gt;email; } ?&gt;" class="input-text validate-email" type="text" tabindex="6" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li class="fields"&gt;
              &lt;div class="field"&gt;
                  &lt;label for="password" class="required"&gt;&lt;em&gt;*&lt;/em&gt; Password&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                      &lt;input name="password" id="password" title="Password" value="&lt;?php //  if (isset($user-&gt;password2)){ echo $user-&gt;password2d; } ?&gt;" class="input-text validate-password required-entry" type="password" tabindex="7"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
                  &lt;div class="field"&gt;
                  &lt;label for="password2" class="required"&gt;&lt;em&gt;*&lt;/em&gt;Confirm Password&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                      &lt;input name="password2" id="password" title="Confirm Password" value="&lt;?php //  if (isset($user-&gt;password2)){ echo $user-&gt;password2; } ?&gt;" class="input-text validate-password required-entry validate-cpassword" type="password" tabindex="8"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/li&gt;
  
       &lt;li class="fields"&gt;
              &lt;div class="field"&gt;
                  &lt;label for="Role" class="required"&gt;&lt;em&gt;*&lt;/em&gt;Role&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                              &lt;?php  $roles = Role::find_all(); if ($roles){  ?&gt;
      &lt;select name="role" id="role" class="required-entry" tabindex="9" value=""&gt;
            &lt;option value="" selected="selected"&gt;SELECT ROLE&lt;/option&gt;
  &lt;?php   foreach ($roles as $role) :  ?&gt;
              &lt;option value="&lt;?php echo $role-&gt;id;  ?&gt;"&gt;&lt;?php echo $role-&gt;name ?&gt;&lt;/option&gt;
  &lt;?php Endforeach; ?&gt;
      &lt;/select&gt;
            &lt;?php } else { echo "No Roles Found! Add Role";  } ?&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
         &lt;div class="field"&gt;
                  &lt;label for="Status" class="required"&gt;&lt;em&gt;*&lt;/em&gt;Status&lt;/label&gt;
                  &lt;div class="input-box"&gt;
      &lt;select name="status" id="status" class="required-entry" tabindex="10" value=""&gt;
              &lt;option value="1" selected="selected"&gt;Active&lt;/option&gt;
              &lt;option value="0"&gt;Inactive&lt;/option&gt;
  &lt;/select&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/li&gt;         
  
      &lt;/ul&gt;
   &lt;div class="buttons-set"&gt;
      &lt;input type="text" name="hideit" id="hideit" value="" style="display:none !important;" /&gt;
      &lt;input type="submit" name="submit" value="SAVE" class="buttons-set" /&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>