Deaktivieren Sie das Formular einmal

Question

Mögliche Duplizieren eingereichten Form:
Resetting a multi-stage form with jQuery

Sobald das Formular abgeschickt, Antwort von einer anderen Seite an #GameStorySys gedruckt. Aber die Werte, die in das Formular eingegeben werden, bleiben dort. Ist es möglich, dass die Formularwerte nach dem Übermitteln des Formulars verschwinden (das Formular sollte jedoch immer noch angezeigt werden)?

$("[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

Sie können es manuell löschen, zum Beispiel:

$("[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

ich es mit Javascript tun würde:

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

Answer 3

Wenn Sie die Reset in Antwortfunktion für AJAX-Abfrage durchführen, es wird nicht gemacht, bevor die Anfrage zurückkommt. Wenn Sie das Formular im Ereignishandler onsubmit() zurücksetzen (wie hier vorgeschlagen), wird es entweder überhaupt nicht zurückgesetzt (da Sie die AJAX-Anfrage im click() - Handler senden, nicht im submit() - Handler).

Was Sie tun müssen, ist die Reset durchführen, nachdem die AJAX-Request Ausgabe - das heißt, nach .ajax $() aufrufen - aber nicht in seiner Rückruffunktion, wenn Anforderung kehrt genannt:

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