отключить кнопку отправки с помощью JQuery

Question

Я хочу, чтобы отключить кнопку отправки в моей форме, как только он с щелкнул, чтобы ограничить пользователя нажать его снова и снова я попытался это с JQuery

$('form').submit(function() 
{ 
    var formId = this.id; 
    if (formId != ''){ 
     $('#'+formId+' :input[type=submit]').attr('disabled',true); 
     this.submit(); 
    } 
}); 

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

Answer 1

Идентификатор или название кнопки submit. Отключить эту кнопку только

Например:

HTML

<form id="frm_name"> 
    <input type="submit" id="btn_submit" value="Submit" /> 
</form> 

JQuery

... 
if (formId != ''){ 
    $('#btn_submit').attr('disabled',true); 
    this.submit(); 
} 
... 

Answer 2

Вы также можете отключить событие, как это,

$('form').submit(function(e) 
{ 

e.preventDefault(); 
//then carry out another way of submitting the content. 

} 

Answer 3

В моем случае $('#btn_submit').prop("disabled", true); работал!

Update:

Я использую кендо сетки внутри некоторых конкретных строк, которые я хочу, чтобы отключить Edit и Delete встроенных кнопок. Я попробовал много альтернативных способов отключить его, но .prop() работал как шарм!