jQuery UI 对话框 - 对话框关闭 (x) 或取消后重置表单值和验证

Question

我在 jQuery ui 对话框中获取了表单，并在其中应用了客户端验证。我希望在提交表单之前清除所有输入值以及用户单击(x)关闭对话框或“取消”按钮后的任何验证消息。

我试图在“关闭”事件中包含一个清晰的表单函数，但它不起作用:

 //Load food form into dialog
    var controllerUrl = '/Stock/GetFoodForm';
    var $createdialog = $('#createfooddialog').load(controllerUrl).dialog({
        autoOpen: false,
        title: 'Create Food',
        modal: true,
        width: 'auto',
        close: clear()
    });

clear函数使用在jquery.form.js插件中的函数中:

// Function to clear form data
function clear() {
    $('#formData').resetForm();
    $('.validation-summary-valid').val("");
}

知道即使未提交表单，一旦用户关闭对话框，如何清除表单中的所有内容吗？

Answer 1

只需使用clear而不是clear()。