Quel est le moyen le plus simple de réactiver une action submit() qui a été annulée avec 'return false'?

Question

J'ai des boutons d'image auxquels des gestionnaires d'événements jQuery sont attachés.

Je souhaite effectuer un appel AJAX dans l'événement click() pour déterminer si l'action doit être autorisée. Comme je fais un appel ajax async, je dois retourner 'false' pour annuler immédiatement l'événement et attendre la réponse.

$('[id^=btnShoppingCartStep_]').click(function() { 

var stepName = this.id.substring("btnShoppingCartStep_".length); 

$.ajax({ 
      type: "POST", 
      url: $.url("isActionAllowed"), 
      data: "requestedStep=" + stepName, 
      dataType: "json", 

      success: function(data) { 

       if (data.allowed) { 

        // need to resume the action here 
       } 
       else { 
        AlertDialog(data.message, "Not allowed!"); 
       } 

      } 

     }); 

     return false; 
    }); 

Je dois trouver la meilleure façon de reprendre l'événement click si l'appel AJAX détermine qu'il devrait être autorisé.

Toute façon de faire ce que je peux venir avec semble maladroite, comme:

1) supprimer gestionnaire d'événements à partir des boutons

2) simuler un clic sur le bouton qui a été cliqué

Y a-t-il une bonne façon de faire cela qui me manque?

Answer 1

Affectez un ID à votre formulaire. Disons que vous l'appelez myForm. Où votre // need to resume the action here est, utilisez ceci: méthode

$("#myForm").trigger("submit"); 

Answer 2

1) Appelez simplement submit() du formulaire.

$("#FormID").submit(); 

2) En outre, si ce que vous voulez est d'intercepter les soumissions de formulaire pour que, pour, vous pouvez faire un peu différemment (par exemple, si vous pouvez soumettre le formulaire via> 1 bouton):

$("form").submit(function() { 
    ... 

Answer 3

Combien de temps faut-il pour confirmer la validité de la demande? Quoi d'autre serait l'utilisateur à faire pendant ce temps? Pourquoi ne pas avoir le serveur faire la validation?

Est-ce trop risqué? Vous pouvez simplement transmettre les données au serveur, demandez-lui de déterminer si elles sont valides. Si ce n'est pas le cas, il dit à Ajax "non autorisé", la fonction alerte l'utilisateur. S'il a aimé les données, il n'est pas nécessaire de reprendre l'action comme cela a déjà été fait.

Answer 4

si vous avez besoin de soumettre le formulaire:

$('#form_id').submit(); 

si vous avez besoin de continuer cette fonction:

var allowed_actions = {}; 

$('[id^=btnShoppingCartStep_]').click(function() { 

var stepName = this.id.substring("btnShoppingCartStep_".length); 
var $click_me_again = $(this); 

if (!allowed_actions[stepName]) { 
    $.ajax({ 
      type: "POST", 
      url: $.url("isActionAllowed"), 
      data: "requestedStep=" + stepName, 
      dataType: "json", 

      success: function(data) { 

      if (data.allowed) { 

       // need to resume the action here 
       allowed_actions[stepName] = true; 
       $click_me_again.click(); 
      } 
      else { 
       AlertDialog(data.message, "Not allowed!"); 
      } 

      } 

     }); 
     return false; 
    } // end if 
    // continue function (check passed) 
});