Отключить кнопку отправки, но все равно получить двойные сообщения

Question

У меня есть форму, использующую jqueryvalidation, и в представлении проверяются. Когда это произойдет, он отключает кнопку и изменяет ее на «Отправка ...», затем отправляет форму.

Проблема заключается в том, что кнопка отключена, но если вы продолжаете нажимать на нее, она будет подавать несколько раз, в результате чего количество Х данных поступает в базу данных.

Это код, который обрабатывает Посылаем:

submitHandler: function(form) { 
    $('#SaveTraining').val('Submitting...'); 
    $('SaveTraining', this).attr('disabled', 'disabled'); 
    form.submit(); 
    // return false; 
} 

Здесь кнопка:

<input type="submit" id="SaveTraining" name="SaveTraining" class="btn btn-success" <cfif rc.candidateActive EQ 2>disabled</cfif> value="Save Training"> 

Кнопка имеет немного CF встроенный, чтобы отобразить или не отображаться, если кандидата активен.

Есть ли другой рекомендуемый метод, чтобы эта кнопка нажала только один раз?

Answer 1

У вас есть опечатка в коде, и я не верю, что , this необходимо либо:

submitHandler: function(form) { 
    $('#SaveTraining').val('Submitting...'); 
    $('#SaveTraining').attr('disabled', 'disabled'); 
    form.submit(); 
    // return false; 
} 

Но, как вы работаете с представлением формы есть альтернативные способы для этого представить обработчик будет называться (например, попадание в форму), которые вы также можете заблокировать. Вы можете сделать это с помощью глобальной переменной, такой как приведенная ниже.