AJAX提交表单添加数据库记录后，如何清空文本框？

你当前代码里用html("")清空文本框的方式是错误的——对于input、textarea这类表单控件，它们的内容存储在value属性中，需要用val("")方法来清空值。

方法一：逐个清空指定表单控件 #

适合需要精准控制只清空部分控件的场景：

$(document).ready(function() {
    $('#message').submit(function(e) {
        e.preventDefault()
        
        $.ajax({
            url: 'processmsg.php',
            data: $(this).serialize(),
            method: 'POST',
            success: function(resp) {
                $('#error_msg').html(resp);
                // 用val("")设置控件值为空
                $('#FullName').val("");
                $('#Email').val("");
                $('#PhoneNumber').val("");
                $('#Message').val("");
            }
        })
    })
})

方法二：一键重置整个表单 #

如果希望快速重置所有表单元素（包括单选框、复选框回到默认状态），可以直接调用表单原生的reset()方法，更简洁：

$(document).ready(function() {
    $('#message').submit(function(e) {
        e.preventDefault()
        const $form = $(this);
        
        $.ajax({
            url: 'processmsg.php',
            data: $form.serialize(),
            method: 'POST',
            success: function(resp) {
                $('#error_msg').html(resp);
                // 重置整个表单到初始状态
                $form[0].reset();
            }
        })
    })
})

内容的提问来源于stack exchange，提问作者codeneeder