Empêcher le bouton de soumission avec l'événement onclick de soumettre

Je veux éviter un bouton d'envoi à l'événement onclick de la présentation:

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

C'est le bouton envoyer:

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

Il montrera "alerte" de la fonction et supprime également l'événement onclick, mais le formulaire est soumis, de toute façon. Supprimer manuellement l'événement onclick avant de soumettre permettra de résoudre le problème. Cependant, c'est la fonctionnalité de base et je ne veux pas l'enlever.

EDIT:

Il est certainement causé par le onclick sélecteur.. Comment puis-je forcer mon script jQuery pour recharger instantanément l'événement onclick? ajouter avant de jquery code: $j('form#userForm .button').attr('onclick',''); permettra de résoudre la question.. mais ma validation ne fonctionne pas un plus...

source d'informationauteur Coen Ponsen

  1. 19

    Vous aurez besoin d'ajouter l'événement en tant que paramètre:

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

    Aussi, val() renvoie toujours une chaîne de caractères, une bonne pratique serait de convertir un certain nombre avant de le comparer à un certain nombre, et je ne suis pas sûr si vous êtes vraiment cibler tous les .button éléments à l'intérieur de #userForm l'intérieur de la fonction, ou si vous devez utiliser this à la place?

    Si vous utilisez jQuery 1.7+, vous devriez vraiment envisager d'utiliser on() et off() pour cela.

  2. 12

    En gros, si vous changez le type de bouton de type="submit" à type="button"ce bouton ne pas soumettre le formulaire, et aucune solution de rechange sont nécessaires.

    Espère que cette aide.

  3. 0

    N'oubliez pas qu'il y a de la fonction/arguments d'événement, mais vous devez spécifier les paramètres:

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

    De cette façon, la présentation est à l'arrêt et que de sorte que vous pouvez conditionalise.

  4. 0

    Meilleure façon est de le faire tout à l'intérieur de votre soumettre le gestionnaire d'événement de la forme. Supprimer la ligne onclick et de l'exécuter à l'intérieur de la fonction envoyer

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

    Je crois qu'il existe un moyen plus simple:

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