Effacer le formulaire formulaire une fois soumis

Question

Possible en double:
Resetting a multi-stage form with jQuery

Une fois le formulaire soumis, la réponse d'une autre page est imprimée à #GameStorySys. Mais les valeurs entrées dans le formulaire restent toujours là. Est-il possible que les valeurs de formulaire disparaissent (mais le formulaire doit encore rester) une fois le formulaire soumis?

$("[name='GameStoryForm']").click(function() { 
     $.ajax({ 
      type: "POST", 
       data: $("#GameStoryForm").serialize(), 
       url: "content/commentary/index.cs.asp?Process=EditLiveCommentaryStory&CommentaryID=<%=Request.QueryString("CommentaryID")%>", 
       success: function(output) { 
       $('#GameStorySys').html(output); 
      }, 
       error: function(output) { 
       $('#GameStorySys').html(output); 
       } 
     }); 
}); 

Answer 1

Vous pouvez effacer manuellement, par exemple:

$("[name='GameStoryForm']").click(function() { 
    $.ajax({ 
    type: "POST", 
    data: $("#GameStoryForm").serialize(), 
    url: "content/commentary/index.cs.asp?Process=EditLiveCommentaryStory&CommentaryID=<%=Request.QueryString("CommentaryID")%>", 
    success: function(output) { 
     $('#GameStorySys').html(output); 
     $("#GameStoryForm").get(0).reset(); 
     //or manually: 
     // $("#GameStoryForm :input").not(':button, :submit, :reset, :hidden') 
     //       .val('').removeAttr('checked selected'); 
    }, 
    error: function(output) { 
     $('#GameStorySys').html(output); 
    } 
    }); 
}); 

Answer 2

je le ferais avec javascript:

<script> 
document.getElementById(yourFormId).onsubmit = new Function(){this.reset();} 
</script> 

Answer 3

Si vous effectuez la réinitialisation de la fonction de réponse pour la requête AJAX, il ne sera pas fait avant le retour de la demande. Si vous réinitialisez le formulaire dans le gestionnaire d'événement onsubmit (comme suggéré ici), il ne sera pas réinitialisé du tout (puisque vous envoyez la requête AJAX dans le gestionnaire click(), pas dans le gestionnaire submit()).

Ce que vous devez faire est de réaliser la remise à zéro après l'émission de la demande AJAX - qui est, après avoir appelé .ajax $() - mais pas dans sa fonction de rappel appelée lors du retour de demande:

$("[name='GameStoryForm']").click(function() { 
    $.ajax({ 
    type: "POST", 
    data: $("#GameStoryForm").serialize(), 
    url: "content/commentary/index.cs.asp?Process=EditLiveCommentaryStory&CommentaryID=<%=Request.QueryString("CommentaryID")%>", 
    success: function(output) { 
     $('#GameStorySys').html(output); 
    }, 
    error: function(output) { 
     $('#GameStorySys').html(output); 
    } 
    }); 

    $("#GameStoryForm").get(0).reset(); 
});