Question

我的代码是这样的：

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

如果点击了按钮，我希望表单清晰

我尝试这样，但它不起作用

我该如何解决这个问题？

Answer 1

使用Javascript或JQuery清除整个表单，建议您使用明确地清除你的每个元素。

例如，清除所有文本输入：

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

另一个不太推荐的选择是使用reset()：

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

但这并不是100％保证清除其中的所有元素，因为某些元素可能不在您的表单范围内。

Answer 2

让我们假设您有一个类clearAll的按钮，调用下面的jquery函数，它将立即清除所有文本字段和textarea ...更简单，更简单...自定义您想要...

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

Answer 3

是的，您可以重置表单，与清理几乎相同。

Pure JS：

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

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

Answer 4

尝试使用empty()函数jquery

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

Answer 5

您可以清除form之类的所有文本内容：

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

单击按钮时如何清除表单？

5 个答案: