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

【问题标题】：jQuery UI Dialog - Reset form value & validation after dialog close (x) or canceljQuery UI 对话框 - 对话框关闭 (x) 或取消后重置表单值和验证
【发布时间】：2011-10-29 01:26:09
【问题描述】：

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

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

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

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

【问题讨论】：

标签： jquery validation jquery-ui-dialog

【解决方案1】：

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

【讨论】：

或close: function() { clear(); }，尽管close: clear 是完全合法的。
非常感谢！！从来没有意识到犯了这样的错误.. 我修改了 clear 函数来清除验证消息： function clear() { // 清除所有输入值 $('#formData').resetForm(); // 清除验证摘要消息 $('.validation-summary-errors span').remove(); // 清除名称错误信息 $('.field-validation-error span').remove(); // 清除金额错误信息 $('.field-validation-valid span').remove(); $('#formData').find('input').removeClass('input-validation-error');