title: Prevent form submission using jQuery
body: <p>I am validating my form using jquery as below:</p>
  
  <pre><code>jQuery(document).ready(function(){
          jQuery('#adminform').validate({
  
          rules: {
            name: {
              minlength: 5,
              maxlength: 30,
              required: true
            },
            username: {
              required: true,
              minlength: 5,
              maxlength: 30
            }
          },
          highlight: function(label) {
              jQuery(label).closest('.control-group').addClass('error');
          },
          success: function(label) {
              label
                  .text('OK!').addClass('valid')
                  .closest('.control-group').addClass('success');
          },
          messages:{
  
            name: {
              required: "Enter your name"
            },
            username: {
              required: "Enter a username"
            } 
         }
        });     
  });
  </code></pre>
  
  <p>now how should I prevent the form from submission if the rules are not meet? </p>
  
  <p>When I click the submit button nothing should happen.</p>