title: Is it possible to trigger from Jquery Validate Framework?
body: <p>For validation purpose i am using Jquery validation framework 
  I have 3 buttons to perform 3 different actions , could you please tell me how can i call these functions separately from the 
  Jquery Validation Framework?</p>
  
  <p>This is my code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
    $("#form").validate({
      rules: {
        "t1": {
          required: true
        },
        "t2": {
          required: true
        },
        "t3": {
          required: true
        }
      },
      messages: {
        "t1": {
          required: "Please, enter t1"
        },
        "t2": {
          required: "Please, enter t2"
        },
        "t3": {
          required: "Please, enter t3"
        }
      },
      submitHandler: function (form) { // for demo
        return false; // for demo
      }
    });
  
  });
  
  $(document).on('click', '#editbtn', function(event ) {
    alert('Edit btn clicked');
  });
  
  $(document).on('click', '#savebtn', function(event ) {
    alert('Save btn clicked');
  });
  
  
  $(document).on('click', '#cancelbtn', function(event ) {
    alert('Cancel btn clicked');
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    padding: 20px;
  }
  
  label {
    display: block;
  }
  
  input.error {
    border: 1px solid red;
  }
  
  label.error {
    font-weight: normal;
    color: red;
  }
  
  button {
    display: block;
    margin-top: 20px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Start New Category--&gt;
  &lt;div class="row-fluid"&gt;
    &lt;div class="custom35auto"&gt;
      &lt;div class="portlet box blue"&gt;
        &lt;div class="portlet-title"&gt;
        &lt;/div&gt;
        &lt;div class="portlet-body form" style="display:block;"&gt;
          &lt;form id="form" method="post" action="#"&gt;
            &lt;div class="row-fluid"&gt;
              &lt;div class="span2 pull-left"&gt;&lt;label class="text-right" style="margin-top:5px"&gt;T1&lt;/label&gt;&lt;/div&gt;
              &lt;div class="span9 pull-left"&gt;&lt;input type="text" id="t1" name="t1"  class="span12" value="" &gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="row-fluid"&gt;
              &lt;div class="span2 pull-left"&gt;&lt;label class="text-right" style="margin-top:5px"&gt;T2&lt;/label&gt;&lt;/div&gt;
              &lt;div class="span9 pull-left"&gt;&lt;input type="text" id="t2" name="t2"  class="span12" value="" &gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="row-fluid"&gt;
              &lt;div class="span2 pull-left"&gt;&lt;label class="text-right" style="margin-top:5px"&gt;T3&lt;/label&gt;&lt;/div&gt;
              &lt;div class="span9 pull-left"&gt;&lt;input type="text" id="t3"  name="t3" class="span12" value="" &gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="row-fluid"&gt;
              &lt;div class="span2 pull-left"&gt;&lt;/div&gt;
              &lt;div class="span9 pull-left"&gt;
  
                &lt;button id="editbtn" type="submit"&gt;Edit&lt;/button&gt;
                &lt;button id="savebtn" type="submit"&gt;Save&lt;/button&gt;
                &lt;button id="cancelbtn" type="submit"&gt;Cancel&lt;/button&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/form&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- End New Category--&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>and this is my fiddle </p>
  
  <p><a href="http://jsfiddle.net/sw87W/12/" rel="nofollow">http://jsfiddle.net/sw87W/12/</a></p>