Wie kann ich das Formular löschen, wenn ich auf die Schaltfläche klicke?

Question

Mein Code wie folgt aus:

$('body').on('click', '#add-image', function(e) { 
    $(this).find('#form-add').trigger('reset'); 
    // $(this).find('#form-add').clearForm(); 
    // $('#form-add').clearForm(); 
    // $('#form-add').val(""); 
    // ... 
}); 

Wenn Schaltfläche geklickt haben, möchte ich die Form klar

ich so versuchen, aber es nicht

funktioniert Wie kann ich dieses Problem lösen?

Answer 1

Löschen eines gesamten Formulars mit Javascript oder JQuery, es wird empfohlen, dass Sie jedes Ihrer Elemente explizit löschen
.

Zum Beispiel Löscht alle Texteingaben:

$('#txtbox1').val(''); 
$('#txtbox2').val(''); 
etc. etc. 

Eine andere, weniger empfehlenswerte Alternative ist die Verwendung reset():

$('#myForm')[0].reset(); 

Aber dies nicht 100% garantieren, dass alle Elemente innerhalb, da einige Clearing Die Elemente dürfen nicht in Ihrem Formular verwendet werden.

Answer 2

Nehmen wir an, Sie auf eine Schaltfläche mit Klasse clearAll haben, rufen Sie die unten Jquery-Funktion, die auf einmal alle Textfelder und Textbereich wird klar ... einfacher und einfach ... fertigen, wie Sie wollen ...

$(".clearAll").click(function() { 
    $(this).closest('form').find("input[type=text], textarea").val(""); 
}); 

Answer 3

Ja, Sie können ein Formular zurücksetzen, ist fast das Gleiche wie sauber.

reine JS:

document.getElementById('THE-FORM-ID').reset(); 

DEMO: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_form_reset

Answer 4

Versuchen mit empty() Funktion jquery

$('body').on('click', '#add-image', function(e) { 
    $(this).find('#form-add').trigger('reset'); 
    $(this).find('#form-add').find('input,textarea').empty() 
}); 

Answer 5

Sie alle fides Text reinigen können, die undet, dass form wie folgt aus:

$("#clean").click(function() { 
    $(this) 
    .closest('form') 
    .find("input[type=text],textarea") 
    .val(''); 
});