Question

我正在使用jquery.form.js插件，我的表单正常工作，但提交后表单没有重新加载。表单需要永久保留在页面上，但在表单提交后需要更新值。

这是我的代码：

$(document).ready(function(){

    $('#personform').ajaxForm();
    $('#personform').submit(function() {
        $(this).ajaxSubmit();
    });
});

我已经尝试了我在插件主页上找到的所有选项，但仍然没有接近所需的结果。

任何帮助都会非常感谢。

谢谢

Answer 1

根据options您可以使用clearForm

$(document).ready(function(){
    $('#personform').ajaxForm({clearForm: true});
    $('#personform').submit(function() {
        $(this).ajaxSubmit();
    });
});

这将在提交成功时清除表格

Answer 2

您需要返回false，以避免表单默认提交行为。

（文档）$。就绪（函数（）{

$('#personform').ajaxForm();
$('#personform').submit(function() {
    $(this).ajaxSubmit();
    return false; // to avoid form submission
});

}）;

您正在进行ajax提交时，表单不会自动重新加载，您需要重新加载或清除它。

jquery.form.js需要表单在提交后刷新自己

2 个答案: