使用ajaxForm在ajax请求后重置表单

Question

我正在使用此代码使用ajaxForm插件发送我的表单

$('#donations').ajaxForm({
        dataType: 'json',
        beforeSubmit: function(){
            $('#message').html('');
            $('#submit').css('color', 'red').attr("disabled", true);
        },
        success: function(response) {
            if (response.status == 'success'){
                $('#donations').resetForm();
                $('#submit').css('color', 'white').removeAttr("disabled");
                $('#message').html(response.text).delay(5000).fadeOut();
            } else {
                $('#submit').css('color', 'white').removeAttr("disabled");
                $('#message').html(response.text).delay(5000).fadeOut();
            }
        }
    });

提交按钮更改并显示消息，但表单未重置。 有什么问题？

Answer 1

resetForm是一个无功能的选项

查看options-object

  

布尔标志，指示在提交时是否应重置表单   是成功的

     

默认值：null

所以我认为您需要将代码更改为以下内容：

$('#donations').ajaxForm({
    dataType: 'json',
    resetForm: true
    //.........
});