Deaktivieren/aktivieren Sie das Senden des gesamten Formulars mit jquery

Question

Wenn mein Formular nicht validiert, möchte ich die Senden-Funktion des Formulars deaktivieren. Ich kann dies tun, indem ich die Übermittlungsschaltfläche deaktiviere, aber dadurch würde die Eingabetaste deaktiviert bleiben.
Ich kann die .submit (return false); aber dann kann ich es später nicht wieder aktivieren.

Irgendwelche Vorschläge?

Answer 1

nur eine Vereinfachung der Pims (herausgegeben James Beitrag zu ziehen):

$('#form').submit(formValidated); 

Answer 2

Anstatt die Funktion submit direkt aufzurufen, rufen Sie eine intermediäre Funktion auf und führen Sie dort einen Check-in durch.

dh

var isSubmitable = false; 

function submitForm() { 
    if(isSubmitable) { 
     myform.submit(); 
    } 
} 

Answer 3

Wie wäre die Prüfung innerhalb des einreichen Methode tun:

$('#form').submit (function() { 
if(formValidated()) 
    return true; 
return false; 
}); 

Answer 4

Eine andere mögliche Lösung.

$ ('# Form') Änderung (function() { (isValid ($ ('# form'))? $ ('# SubmitBtn') .attr ('deaktiviert', falsch): $ ('# submitBtn'). Attr ('deaktiviert', true) }) ;

Natürlich überprüft isValid(), ob alle Ihre $ ('# form') - Elemente Ihren Validierungsregeln entsprechen. So würde ich es machen.

Answer 5

ich folgendes haben, die (Submit-Button deaktivieren und bilden abschicken) gearbeitet:

var condition = true; //check whatever you like 
if(condition) 
    $('input[type=submit]', this).attr('disabled', 'disabled'); 
    $('form').bind('submit',function(e){e.preventDefault();}); 
}else{ 
    $('input[type=submit]', this).removeAttr('disabled', 'disabled'); 
    $('form').unbind('submit'); 
} 

Answer 6

Nur eine Vereinfachung der Original Antwort Nick:

$('#form').submit(formValidated);