Prevent Submit-Button mit Onclick-Ereignisse von

Question

Absenden

Ich mag eine Submit-Button verhindern, mit Onclick-Ereignisse von der Abgabe:

$j('form#userForm .button').click(function(e) { 
    if ($j("#zip_field").val() > 1000){ 
     $j('form#userForm .button').attr('onclick','').unbind('click'); 
     alert('Sorry we leveren alleen inomstreken hijen!'); 
     e.preventDefault(); 
     return false; 
    } 
}); 

Dies ist die Submit-Button:

<button class="button vm-button-correct" type="submit" 
onclick="javascript:return myValidator(userForm, 'savecartuser');">Opslaan</button> 

Es wird die „alert zeigen "Funktion und entfernt auch das onclick-Ereignis, aber das Formular wird trotzdem gesendet. Entfernen Sie das onclick-Ereignis manuell, bevor Sie das Problem lösen. Dies ist jedoch die Kernfunktionalität von und ich möchte sie nicht entfernen.

EDIT:

Es ist auf jeden Fall von dem Onclick Selektor verursacht .. Wie kann ich meinen jQuery-Skript erzwingen sofort das Onclick-Ereignis neu zu laden? vor jquery Code hinzufügen: $j('form#userForm .button').attr('onclick',''); wird Problem lösen .. aber meine Validierung wird ein nicht mehr funktionieren ...

Answer 1

Sie werden das Ereignis als Parameter hinzufügen müssen:

$j('form#userForm .button').click(function(event) { // <- goes here ! 
    if (parseInt($j("#zip_field").val(), 10) > 1000){ 
     event.preventDefault(); 
     $j('form#userForm .button').attr('onclick','').unbind('click'); 
     alert('Sorry we leveren alleen inomstreken hijen!'); 
    } 
}); 

Auch val() immer gibt eine Zeichenkette zurück, also wäre es eine gute Übung, sie in eine Zahl umzuwandeln, bevor Sie sie mit einer Zahl vergleichen, und ich bin mir nicht sicher, ob Sie wirklich alle .button Elemente innerhalb von #userForm innerhalb der Funktion abzielen, oder wenn Sie verwenden sollten this stattdessen? Wenn Sie jQuery 1.7+ verwenden, sollten Sie die Verwendung von on() und off() dafür in Betracht ziehen.

Answer 2

Vergessen Sie nicht, dass es Funktion/Ereignisargumente, aber Sie müssen die Parameter angeben:

$("#thing").click(function(e) { 
    e.preventDefault(); 
}); 

Auf diese Weise wird die Vorlage angehalten, und so kann man es conditionalise.

Answer 3

Grundsätzlich, wenn Sie Ihren Button-Typ von type="submit" zu type="button" ändern, wird diese Schaltfläche Formular nicht senden, und keine Problemumgehungen sind erforderlich.

Hoffe, das hilft.

Answer 4

Der beste Weg ist, alles in Ihrem Submit-Event-Handler des Formulars zu tun. Entfernen Sie die Inline-Onclick und führen Sie es in der einreichen Funktion

$j('#userForm').submit(function(e) { 
    if (+$j("#zip_field").val() > 1000){ 
     alert('Sorry we leveren alleen inomstreken hijen!'); 
     return false; 
    } 
    return myValidator(userForm, 'savecartuser'); 
}); 

Answer 5

Ich glaube, es ist ein einfacher Weg:

$j('form#userForm .button').click(function(event) { // <- goes here ! 
    if (parseInt($j("#zip_field").val(), 10) > 1000){ 
     event.stopPropagation(); 
    } 
});