Jquery validator module and function call after success

Jquery validator module and function call after success

I am not a jQery coder so I have some hard time to figure out 
how to use jQuery validate module, here is a code example:
 
 
  1. jQuery.validator.setDefaults({ debug: true, success: "valid" }); $( "#myform" ).validate({ rules: { field: { required: true, email: true } } });
Now how can I submit my form after email field was validated? 
I know I have to use
submitHandler but I don't know where and how?
Here is my html:
   
  1. <form id="myform" method="post" action="test.php">
    <label for="field">Email: *</label>
    <input class="left" id="field" name="field">
    <br/>
    <div id="recap"></div>
    <input id="submitBtn" type="submit" value="Validate!">
    </form>