Bootstrap: метод отправки формы и плагин jquery не работают вместе

Question

У меня есть форма и кнопка bootstrap, которая отправляет данные с помощью method=post и плагина jquery, который проверяет форму с $('#myform').formValidation.

Обе кнопки и плагин работают отдельно, но когда я добавляю их вместе, валидация работает, но форма не отправляется. Я вообще не получаю никаких сообщений.

Я подозреваю, что плагин каким-то образом вмешивается в метод кнопки в бутстрапе, но не знает, как его решить.

Вот моя форма:

<form role="form" method="post" action="/addfriend" id="newfriendform"> 
<div class="container friend"> 
    <div class="panel panel-default"> 
     <div class="panel panel-heading"> 
      <div> 
       <h3>Add New Friend</h> 
      </div> 
     </div> 
    <div class="panel panel-body"> 
    <div class="row"> 
     <div class="form-group"> 
      <div class="col-lg-2"> 
       <label for="firstname">FirstName</label> 
       <input type="text" name="firstname" class="form-control"> 
      </div> 
      <div class="col-lg-2"> 
       <label for="middlename">MiddleName</label> 
       <input type="text" name="middlename" class="form-control"> 
      </div> 
      <div class="col-lg-2"> 
       <label for="surname">Surname</label> 
       <input type="text" name="surname" class="form-control"> 
      </div> 
    </div> 
    <div class="row"> 
     <div class="form-group"> 
      <div class="col-lg-12"> 
       <button class="btn btn-primary">Create Friend</button> 
      </div> 
     </div> 
    </div> 
</div> 
</form> 

Мой JQuery плагин:

$('#newfriendform').formValidation({ 
    framework:'bootstrap', 
    icon:{ 
     valid: 'glyphicon glyphicon-ok', 
     invalid: 'glyphicon glyphicon-remove', 
     validating: 'glyphicon glyphicon-refresh', 
    }, 
    fields:{ 
     firstname:{ 
      message:"first name is required", 
      validators:{ 
       notEmpty : { 
        message:"Please provide a firstname" 
       }, 
      } 
     }, 
     surname:{ 
      message:"surname is required", 
      validators:{ 
       notEmpty : { 
        message:"Please provide a surname" 
       }, 
      } 
     }, 
    } 
}); 

Любая помощь очень ценится!

Answer 1

Здесь вы показываете есть кнопка типа submit

<div class="row"> 
     <div class="form-group"> 
      <div class="col-lg-12"> 
       <button type="submit" class="btn btn-primary">Create Friend</button> 
      </div> 
     </div> 
    </div>