title: form validation and submission
body: <p>I am using formvalidation.io but I cannot stop the form submitting on successful validation. It immediately submits request and refreshes page. I need to send form information via ajax.</p>
  
  <p>I must be overlooking something obvious?
  <a href="http://jsfiddle.net/k281at67/94/" rel="nofollow">http://jsfiddle.net/k281at67/94/</a></p>
  
  <h2>The HTML:</h2>
  
  <pre><code>&lt;form method="post" id="estimateForm1" class="form-horizontal bv-form"&gt;
  &lt;input type="hidden" name="page_source" id="page_source" value=""/&gt;
  
      &lt;fieldset&gt;
  
       &lt;input type="hidden" name="RefferingPage" value="' . $page . '" /&gt;
  
      &lt;div class="form-group"&gt;
          &lt;div class="row"&gt;
  
          &lt;div class="col-md-8 pad_right"&gt;
              &lt;input type="text" class="form-control" name="Name" placeholder="*Your name" value="" /&gt;
          &lt;/div&gt;
  
  
      &lt;/div&gt;&lt;!--row--&gt;
    &lt;/div&gt;&lt;!--form group--&gt;
  
      &lt;div class="form-group"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-8 pad_right"&gt;
                 &lt;input type="text" class="form-control" name="Phone" placeholder="*Phone" class="phone" value="111-111-1111" /&gt;
              &lt;/div&gt;
  
            &lt;/div&gt;
      &lt;/div&gt;
  
  
  
        &lt;div class="form-group"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-8 pad_right"&gt;
                  &lt;input type="text" name="Email"  class="form-control" placeholder="*Email" id="" value="pie@aol.com"/&gt;
              &lt;/div&gt;
  
  
           &lt;/div&gt;
  
  
          &lt;/div&gt;
  
  
  
  
     &lt;div class="form-actions"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-md-2 col-md-offset-5 col-xs-2"&gt;
                              &lt;button class="btn btn-default" type="submit" disabled="disabled"&gt;
                                  &lt;i class="fa fa-eye"&gt;&lt;/i&gt;
                                  Validate
                              &lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <h2>The Javascript</h2>
  
  <pre><code>jQuery('#estimateForm1')
          .formValidation({
              framework: 'bootstrap',
              err: {
                  container: 'tooltip'
              },
              icon: {
                  valid: 'glyphicon glyphicon-ok',
                  invalid: 'glyphicon glyphicon-remove',
                  validating: 'glyphicon glyphicon-refresh'
              },
              fields: {
                  Name: {
                      row: '.col-md-8',
                      validators: {
                          notEmpty: {
                              message: 'The first name is required'
                          },
                          stringLength: {
                              min: 2,
  
                              message: 'Must be at-least 2 characters long.'
                          },
                          regexp:
                          {
                              message: 'Please only use A-Z characters.',
                              regexp: /^[a-zA-Z]+$/
                          }
  
                      }
                  },
                  Phone: {
                      row: '.col-md-8',
                      validators: {
  
                          notEmpty: {
                              message: 'The phone number is required'
                          },
                          stringLength: {
                              min: 14,
                              max: 15,
                              message: 'Not a valid phone #.'
                          },
                          regexp: {
                              message: 'The phone number can only contain the digits, spaces, -, (, ), + and .',
                              regexp: /^[0-9\s\-()+\.]+$/
                          }
                      }
                  },
                  Email: {
                      row: '.col-md-8',
                      validators: {
                          notEmpty: {
                              message: 'The email address is required'
                          },
                          regexp: {
                              regexp: '^[^@\\s]+@([^@\\s]+\\.)+[^@\\s]+$',
                              message: 'The value is not a valid email address'
  
                          }
  
  
                      }
                  }
  
  
              }
  
          }).find('[name="Phone"]').mask('(000) 000-0000')
          .on('success.field.fv', function(e, data) {
              if (data.fv.getSubmitButton()) {
                  e.preventDefault();
                  //data.fv.disableSubmitButtons(true);
                   console.log('prevented submission');
              }
  
          }).on('success.form.bv',function(e)
          {
              e.preventDefault();
  
  
             console.log('prevented submission');
  
  
          });
  </code></pre>