Форма JQuery представляется дважды

Question

У меня действительно странная проблема. Моя форма, основанная на JQuery, кажется, представляет собой дважды.

Это происходит только тогда, когда я использую следующий код, чтобы представить свою форму:

<button class="btn dark"><i id="transfer-spin" class="fa fa-cog"></i> Transfer...</button> 

Когда я использую следующий, я не получить двойной представить:

<input type="submit" value="Transfer" class="btn btn-success dark" id="transfer-button"/> 

Вот код в контексте:

ФОРМА:

<form class="form-horizontal hidden" id="transfer-form" novalidate> 
    <fieldset> 
       <div class="control-group"> 
       <div>&nbsp;</div> 
       <div class="controls"> 
       <button class="btn dark"><i id="transfer-spin" class="fa fa-cog"></i> Transfer...</button> 
      </div> 
     </div> 

     </fieldset> 
    </form> 

И код JQuery:

$('#transfer-form').submit(function() 
    { 
     event.preventDefault(); 

     //run some error checks 

     if (messageArray.length !== 0) 
     { 
      //Return errors 
     } else { 
      $('#transfer-button').prop('disabled', true); 
      $('#transfer-spin').addClass('fa-spin'); 

      var url ='/api/transfer'; 

      $.ajax({ 
       //Do the ajax call... 

Answer 1

Вы должны передать event в качестве параметра в submit:

$('#transfer-form').submit(function(event) 

Answer 2

Я считаю, вы должны указать переменную события в функции, с что вы можете предотвратить поведение по умолчанию.

$('#transfer-form').submit(function(event) 
{ 
    event.preventDefault(); 
    ... 
} 

Answer 3

Ваша функция должна представить для получения объекта события

функцию (событие) { ...