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

时间:2011-10-29 01:26:10

标签: jquery validation jquery-ui-dialog

我在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("");
}

任何想法,即使表单未提交,如何在用户关闭对话框后清除表单中的所有内容?

1 个答案:

答案 0 :(得分:3)

只需使用clear代替clear()