如何使用 Ajax/JS 清除表单答案

【问题标题】：How to clear a form using Ajax/JS [duplicate]如何使用 Ajax/JS 清除表单
【发布时间】：2012-07-25 12:11:46
【问题描述】：

可能重复：
jQuery/Javascript function to clear all the fields of a form

提交后我需要清除表单，但我见过的方法都不适合我。我正在使用我购买的脚本，但作者没有回答我的请求。我有这个 JS 文件：

$('#contact_form').submit(function () {
        $.ajax({
            type: 'POST',
            url: 'contact.php',
            data: {
                name: $('#contact_form input#name').val(),
                email: $("#contact_form input#email").val(),
                text: $("#contact_form textarea").val()
            },
            success: function(data) {
                if ( data == 'sent' ) {
                    $('#contact_form .status').html('Thanks');
                } else if ( data == 'invalid' ) {
                    $('#contact_form .status').html('Invalid.');
                } else {
                    $('#contact_form .status').html('Can't send message.');                 
                }
            },
            error: function () {
                $('#contact_form .status').html('Can't send message.');
            }
        });
        return false;
    });


}

【问题讨论】：

我会回答，但我之前有过 - jQuery function to clear all the fields of a form
这可能与您未转义的撇号有关。 'Can't send message.' 应该是 'Can\'t send message.' 或 "Can't send message."
相反，我想知道您是否甚至有权修改脚本。我的意思是，如果你买了一个剧本，那么创作者不应该保留所有的修改权吗？在你做任何事情之前你可能想检查一下......皮疹。

标签： php jquery ajax forms

【解决方案1】：

你的意思是除了基本的document.getElementById("contact_form").reset()？

【讨论】：

我个人会把它放在return false.之前

【解决方案2】：

$('#contact_form').submit(function () {
    $.ajax({
        type: 'POST',
        url: 'contact.php',
        data: $('#contact_form').serialize(),
        success: function(data) {
            if ( data == 'sent' ) {
                $('#contact_form .status').html('Thanks');
            } else if ( data == 'invalid' ) {
                $('#contact_form .status').html('Invalid.');
            } else {
                $('#contact_form .status').html("Can't send message.");
            }
            $('#contact_form').trigger("reset");
        },
        error: function () {
            $('#contact_form .status').html("Can't send message!");
        }
    });
    return false;
});

【讨论】：