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

Reset form fields after clicking on Submit Button

本文关键字：表单 字段 按钮 提交 单击      更新时间：2023-09-26

我尝试过其他有用的注释，但仍然无法使代码正常工作。我是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();

你可以在你的成功函数中尝试这个：

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

我想你忘了选择器中的"."

$('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">
相关文章：