Prevent złożyć przycisk z onclick zdarzenia od złożenia

Question

Chcę zapobiec przycisk submit z onclick zdarzenia od złożenia:

$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; 
    } 
}); 

To jest przycisk Wyślij:

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

pokaże „alert "funkcja, a także usuwa zdarzenie onclick, ale formularz jest mimo to przesyłany. Ręczne usunięcie zdarzenia onclick przed przesłaniem rozwiąże problem. Jednak jest to podstawowa funkcjonalność i nie chcę jej usuwać.

EDIT:

to na pewno spowodowane przez selektor onclick .. Jak mogę zmusić mojego skryptu jQuery błyskawicznie przeładować zdarzenie onclick? Przed dodaniem kodu jQuery: $j('form#userForm .button').attr('onclick',''); rozwiąże problem .. jednak moja walidacja nie będzie działać już ...

Answer 1

Musisz dodać wydarzenie jako parametr:

$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!'); 
    } 
}); 

Również val() zawsze zwraca ciąg, więc dobrą praktyką byłoby przekonwertowanie go na liczbę przed porównaniem jej z liczbą i nie jestem pewien, czy naprawdę celujesz w wszystkie elementy .button wewnątrz #userForm wewnątrz funkcji, czy też powinieneś użyć this zamiast tego?

Jeśli używasz jQuery 1.7+, powinieneś rozważyć użycie on() i off().

Answer 2

nie należy zapominać, że istnieje funkcja/argumenty zdarzeń, ale trzeba określić parametry:

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

W ten sposób złożenie zostaje zatrzymany, a więc można go conditionalise.

Answer 3

Zasadniczo, jeśli zmienisz typ przycisku z type="submit" na type="button", taki przycisk nie zostanie przesłany do formularza i nie są wymagane żadne obejścia.

Mam nadzieję, że to pomoże.

Answer 4

Najlepszym sposobem jest zrobienie wszystkiego wewnątrz funkcji obsługi zdarzeń przesyłania w formularzu. Wyjąć inline onclick i uruchomić go wewnątrz funkcji składania

$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

Wierzę, że istnieje prostszy sposób:

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