php - How to stop form submission after validation has suceeded -

i wondering if there way stop form being submitted after jquery validation has succeeded.

i other function take care of submitting form. i'd form validated not submitted. hope can help

i'm using varienform validation class.

here'a example below:

var newform = new varienform('newform', true); 

thanks in advance.

here's form:

<form  id="newform" > <div class="fieldset"> <h2 class="legend">user details</h2>     <ul class="form-list">                <li class="fields">             <div class="field">                 <label for="firstname" class="required"><em>*</em>first name</label>                 <div class="input-box">                     <input name="firstname" id="firstname" title="first name of staff" value="<?php  if (isset($user->firstname)){ echo $user->firstname; } ?>" class="input-text required-entry" type="text"  tabindex="1"/>                 </div>             </div>             <div class="field">                 <label for="lastname" class="required"><em>*</em>last name</label>                 <div class="input-box">                     <input name="lastname" id="lastname" title="last name of staff" value="<?php  if (isset($user->lastname)){ echo $user->lastname; } ?>" class="input-text required-entry" type="text"  tabindex="2"/>                 </div>             </div>         </li>           <li class="fields">             <div class="field">                 <label for="othername" class="required"><em>*</em>other name (s)</label>                 <div class="input-box">                     <input name="othername" id="othernames" title="other name(s)" value="<?php  if (isset($user->othername)){ echo $user->othername; } ?>" class="input-text" type="text" tabindex="3"/>                 </div>             </div>                  <div class="field">                 <label for="phone" class="required"><em>*</em>phone number</label>                 <div class="input-box">                     <input name="phone" id="phone" title="phone number" value="<?php  if (isset($user->phone)){ echo $user->phone; } ?>" class="input-text validate-number" type="text" tabindex="4"/>                 </div>             </div>         </li>         <li class="fields">             <div class="field">                 <label for="username" class="required"><em>*</em>user name</label>                 <div class="input-box">                     <input name="username" id="username" title="user name" value="<?php  if (isset($user->username)){ echo $user->username; } ?>" class="input-text required-entry" type="text" tabindex="5" />                 </div>             </div>              <div class="field">                 <label for="email" class="required"><em>*</em>email</label>                 <div class="input-box">                     <input name="email" id="email" title="user email" value="<?php  if (isset($user->email)){ echo $user->email; } ?>" class="input-text validate-email" type="text" tabindex="6" />                 </div>             </div>         </li>         <li class="fields">             <div class="field">                 <label for="password" class="required"><em>*</em> password</label>                 <div class="input-box">                     <input name="password" id="password" title="password" value="<?php //  if (isset($user->password2)){ echo $user->password2d; } ?>" class="input-text validate-password required-entry" type="password" tabindex="7"/>                 </div>             </div>                 <div class="field">                 <label for="password2" class="required"><em>*</em>confirm password</label>                 <div class="input-box">                     <input name="password2" id="password" title="confirm password" value="<?php //  if (isset($user->password2)){ echo $user->password2; } ?>" class="input-text validate-password required-entry validate-cpassword" type="password" tabindex="8"/>                 </div>             </div>         </li>       <li class="fields">             <div class="field">                 <label for="role" class="required"><em>*</em>role</label>                 <div class="input-box">                             <?php  $roles = role::find_all(); if ($roles){  ?>     <select name="role" id="role" class="required-entry" tabindex="9" value="">           <option value="" selected="selected">select role</option> <?php   foreach ($roles $role) :  ?>             <option value="<?php echo $role->id;  ?>"><?php echo $role->name ?></option> <?php endforeach; ?>     </select>           <?php } else { echo "no roles found! add role";  } ?>                 </div>             </div>        <div class="field">                 <label for="status" class="required"><em>*</em>status</label>                 <div class="input-box">     <select name="status" id="status" class="required-entry" tabindex="10" value="">             <option value="1" selected="selected">active</option>             <option value="0">inactive</option> </select>                 </div>             </div>         </li>               </ul>  <div class="buttons-set">     <input type="text" name="hideit" id="hideit" value="" style="display:none !important;" />     <input type="submit" name="submit" value="save" class="buttons-set" /> </div> </div> </form> 

since tagged jquery, i'm going give jquery solution:

$("#newform").submit(function() {     return false; }); 

similarly, can use variation (actually right way it)

$(document).ready(function() {      // i'm not familiar varienform      // statement below runs once dom elements      // become available.      var newform = new varienform('newform', true);       // block of code below runs after click      // submit button in form id="newform"      $("#newform").submit(function(e) {          // can put condition here, example:          // if form validation correct return true;          // otherwise run e.preventdefault()          e.preventdefault();      }); });