title: Validate a form on Click event with validator jQuery
body: <p>I am using jQuery validate for validate an input. 
  My code:</p>
  
  <pre><code> $('#button').click( function() {       
      $("#form").validate({              
          rules: {
              phone: {
                  required: true,
                  number: true,
                  rangelength: [7, 14]
              }
          }
      }); 
  });
  </code></pre>
  
  <p>And the HTML:</p>
  
  <pre><code>&lt;form id="form" name="form" method="post" action=""&gt;
   &lt;input id="phone" name="phone" class="required" type="text" /&gt;
   &lt;div class="button" id="send_b"&gt;Send&lt;/div&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>This code is not working. If I add this line of jQuery </p>
  
  <pre><code>$("#form").submit();  
  </code></pre>
  
  <p>inside the click event it works. But I don't want to submit the form so I want just to make the validation on click. </p>
  
  <p>Does anyone know how to do this?</p>