title: jqBootstrapValidation not working, always return valid value;
body: <p>Don't know why my validation is not working, have try to use various validator but the result always return as valid.. </p>
  
  <p>Need second eyes to spot the error.. </p>
  
  <p>First time using snippet, hopefully my snippet below is correct.. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
   &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;title&gt;Test Files&lt;/title&gt;
    &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
        
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jqBootstrapValidation/1.3.7/jqBootstrapValidation.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;
     $(function() {
                  $("input,select,textarea").jqBootstrapValidation(
                      {
                          preventSubmit: true,
                          submitError: function($form, event, errors) {
                              // Here I do nothing, but you could do something like display 
                              // the error messages to the user, log, etc.
         alert("Not Valid!!");
                          },
                          submitSuccess: function($form, event) {
                              alert("OK");
  
                          },
                          filter: function() {
                              return $(this).is(":visible");
                          }
                      }
                  );
              });
    &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
    &lt;nav class="navbar navbar-default" role="navigation"&gt;
     &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
       &lt;button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#mainnav" aria-expanded="false"&gt;
        &lt;span class="sr-only"&gt;Navigation Toggle&lt;/span&gt;
        &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;span class="icon-bar"&gt;&lt;/span&gt;
       &lt;/button&gt;
       &lt;a class="navbar-brand" href="#"&gt;K&lt;/a&gt;
      &lt;/div&gt;
    &lt;/nav&gt;
    &lt;div class="container-fluid"&gt;
     &lt;div class="panel panel-primary"&gt;
      &lt;div class="panel-heading"&gt;
       &lt;h3 class="panel-title"&gt;Form Name&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="panel-body"&gt;
       &lt;div class="panel panel-default"&gt;
        &lt;div class=btn-group" role="group" aria-label="true"&gt;
         &lt;div class="btn-toolbar" role="toolbar" aria-label="true"&gt;
          &lt;button type="button" class="btn btn-default btn-sm"&gt;&lt;span class="glyphicon glyphicon-repeat" aria-hidden="false"&gt;&lt;/span&gt;&lt;/button&gt;
         &lt;/div&gt;
        &lt;/div&gt;
       &lt;/div&gt;
       &lt;div class="panel panel-default"&gt;
        &lt;div class="panel-body"&gt;
         &lt;ul class="nav nav-tabs"&gt;
          &lt;li&gt;&lt;a href="#first-tab" data-toggle="tab"&gt;Main&lt;i class="fa"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
         &lt;form class="form-inline" id="accountForm" method="post" class="form-horizontal"&gt;
          &lt;div class="tab-content"&gt;
           &lt;div class="tab-pane" id="first-tab"&gt;
            &lt;!-- INPUT that need to be validated... --&gt;
            &lt;div class="input-group input-group-sm col-xs-12"&gt;
             &lt;span class="input-group-addon" id="sizing-addon3"&gt;Serial Number (Only Accept Numbers)&lt;/span&gt;
             &lt;input 
              type="text" 
              data-validation-regex-regex="^[0-9]*$" 
              data-validation-regex-message="Only Numbers" 
              class="form-control" 
              placeholder="Serial Number" 
              aria-describedby="sizing-addon3"
             /&gt;
            &lt;/div&gt;
            &lt;button type="submit" class="btn btn-primary"&gt;Test Validation &lt;i class="icon-ok icon-white"&gt;&lt;/i&gt;&lt;/button&gt;
           &lt;/div&gt;
          &lt;/div&gt; 
         &lt;/form&gt;
        &lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>