单击提交按钮后重置表单字段

Question

我尝试了其他有用的注释，但仍然无法使我的代码正常工作。 我是JS新手，因此我非常感谢我能获得的任何帮助。 谢谢。

//表单提交

$(".feedback-form").submit(function(e){
    $('.message', this).remove();
    if($(".feedback-form").valid()){
        e.preventDefault();
        $(this).prepend('<div class="loading"></div>');
        dataString = $(".feedback-form").serialize();
        $.ajax({
            type: "POST",
            url: "send.php",
            data: dataString,
            success: function(data) {
                $('.feedback-form .loading').remove();
                $('.feedback-form').prepend('<div class="message message-ok">Sent successfully!</div>').find('.message').fadeIn().delay(5000).fadeOut();
                $('feedback-form')[0].reset(); 

Answer 1

您可以在成功功能中尝试以下方法：

$(".feedback-form").find("input[type=text], textarea").val("");

Answer 2

我认为您忘记了“。” 在选择器中

$('feedback-form')[0].reset();

更正为：

$('.feedback-form')[0].reset();

因此，请检查是否可以帮助您。

否则，其他使用jquery和javascript的选项：

$('.feedback-form').trigger("reset");

$(".feedback-form").get(0).reset();

document.getElementsByClassName('feedback-form').reset();

并使用输入类型reset ：

<input type="reset">