Plugin JQuery Form avec plusieurs boutons de soumission

Question

J'utilise le plugin JQuery Form (http://jquery.malsup.com/form/) pour créer un formulaire Ajax.

J'essaye de mettre deux boutons de soumission pour manipuler des opérations de soumission de formulaire et d'enregistrement de formulaire. Je dois soumettre à deux URL différentes en fonction de l'opération que je veux effectuer: Soumettre ou Enregistrer. Je ne suis pas très sûr de savoir comment je peux obtenir la valeur du bouton de soumission réel qui a été cliqué, puis soumettre le formulaire via AJAX en fonction de cette information. J'ai besoin d'un peu d'aide avec ça.

Pour mémoire, j'utilise le code syntaxe similaire à ce qui est indiqué ci-dessous (ce n'est pas le code réel):

// prepare Options Object 
var options = { 
    target:  '#divToUpdate', 
    url:  'comment.php', 
    success: function() { 
     alert('Thanks for your comment!'); 
    } 
}; 

// pass options to ajaxForm 
$('#myForm').ajaxForm(options); 

Merci

Answer 1

Je n'ai probablement pas fait une recherche approfondie avant de poster. Mes excuses.

Je l'ai fait de faire le tri (ceci est un exemple de code):

var $_ = jQuery; 

$_(document).ready(function() { 
    $_("#id_submitbutton_1").click(function(){ 
     $_("#form_id").ajaxForm(options_1); 
    }); 
    $_("#id_submitbutton_2").click(function(){ 
     $_("#form_id").ajaxForm(options_2); 
    }); 
}); 

Merci Lalit, je pense que vous étiez plus proche de ce que je devais faire.

Cheers.

Answer 2

Fixez les js aux deux boutons et les js font la soumission de formulaire basé sur url

<input id="submit" type="submit" value="Submit"/> 
    <script type="text/javascript"> 
    $(function() { 
    $("#submit").click(function() { 

    } 
} 
</script> 

Answer 3

utilisation normale du bouton et vérifier qui clique sur le bouton (en cochant la propriété de valeur), puis soumettre le formulaire manuellement .........

Answer 4

Je sais que c'est une vieille question, mais j'ai eu exactement le même problème et j'ai trouvé une meilleure solution que celles affichées ici. Dans ce cas, vous devez utiliser ajaxSubmit au lieu de ajaxForm. Vous avez besoin de contrôler le formulaire, vous devez donc abandonner le contrôle sur les boutons de soumission uniquement.

$('#button1').click(function() { 
    // submit the form 
    $('#form').ajaxSubmit(options1); 
}); 
$('#button2').click(function() { 
    // submit the form 
    $('#form').ajaxSubmit(options2); 
}); 

Bien sûr, vous pouvez utiliser ajaxForm de cette même façon exacte, mais qui est une surpuissance inutile.