2012-11-02 11 views
9

Ich möchte in meiner Form deaktivieren Submit-Button, sobald es angeklickt s Benutzer zu beschränken, es wieder zu klicken und wieder habe ich versucht, dies mit jquerydisable Submit-Button mit Jquery

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

meinem Problem s, dass ich habe zwei einreichen Knopf s in meiner Seite, die im Kontroller einchecke, um zu verweisen, aber ich bekomme keine Postwerte, sobald ich den Absendeknopf in meiner Form deaktiviere. Gibt es eine andere Möglichkeit zu verhindern, dass Benutzer mehrere Klicks einschränken?

+0

mögliche Duplikate von [wie Submit-Button mit jquery zu deaktivieren] (http://StackOverflow.com/Questions/1237896/How-to-disable-submit-Button-with-Jquery) – Banana

Antwort

11

Haben Sie eine ID oder einen Namen für die submit Schaltfläche. Deaktivieren Sie diese Taste nur

Zum Beispiel:

HTML

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

jQuery

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

s dies wird mein Problem zu lösen Dies ist die allgemeine Funktion, die ich über meine ganze App anrufen möchte ich kann diese Funktion in onsubmit jeder Schaltfläche mit formid aufrufen und Feld pmeter deaktivieren – Randy

1

Sie auch die Veranstaltung wie diese deaktivieren können,

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

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

} 

2

In meinem Fall $('#btn_submit').prop("disabled", true); gearbeitet!

Update:

Ich war mit Kendo Gitter innerhalb einiger spezifischer Reihen I Edit und Delete Inline-Tasten deaktivieren möchten. Ich versuchte viele alternative Möglichkeiten, es zu deaktivieren, aber .prop() arbeitete wie Charme!

+0

Dies ist in der Posts Queue niedriger Qualität. Ich stimme, es sieht okay aus, aber Sie sollten einige weitere Informationen darüber hinzufügen, warum das funktioniert, wenn die OP-Versuche es nicht taten. –

+0

@AndyM Antwort aktualisiert, Danke! –