Comment soumettre un formulaire avec fieldset spécifique

Question

J'ai une forme comme ceci:

<form name="paymentForm" id="paymentForm" action="/submit.jsp" method="post"> 
    <fieldset id="ccData"> 
     <input id="ccNumber" name="ccNumber"/> 
    </fieldset> 
    <fieldset id="otherData"> 
     <input id="requestId" name="requestId"/> 
    </fieldset> 
</form> 

Lorsque vous soumettez lisse, je voudrais présenter (via ajax) ne #ccData filedset à une autre URL (par exemple submitCC .jsp) et sur la base de la réponse, je souhaite soumettre le formulaire complet à l'URL réelle.

Comment puis-je y parvenir?

Answer 1

serialize Utiliser jQuery méthode

var formData = $("#ccData").serialize()​; 
$.post("TheUrl",formData); 

Answer 2

Vous pouvez le faire avec JavaScript - jQuery par exemple. Vous construisez une eventHandler comme

$('#paymentForm').on('click', function() { 
    $(this).preventDefault(); 
    if ($(this).hasClass('first_send')) { 
    $.ajax({ 
     url: "your_url", 
     data: { ccData: $('#ccData').val()} 
    }).done(function (data) { 
     $('#paymentForm').addClass('first_send') 
     // examin the data, insert stuff you need and send the form again 
     // with ajax 
    }) 
    } else { 
    $(this).removeClass('first_send') 
    // this is the second send - so do stuff here - show a result or so 
    } 
}) 

Avec la classe first_send vous pouvez vérifier si elle est la première émission ou la deuxième. Ceci est juste une idée non testée et incomplète comment vous pourriez le faire. Je suppose que vous obtenez la grande image ...