jQuery UI对话框-重置表单值&;对话框关闭(x)或取消后的验证
我在jQueryUI对话框中获得表单,并在其中应用客户端验证。在提交表单之前,我希望在用户单击(x)关闭对话框或“取消”按钮时清除所有输入值以及任何验证消息 我试图在“close”事件中包含一个clear form函数,但没有成功:jQuery UI对话框-重置表单值&;对话框关闭(x)或取消后的验证,jquery,validation,jquery-ui-dialog,Jquery,Validation,Jquery Ui Dialog,我在jQueryUI对话框中获得表单,并在其中应用客户端验证。在提交表单之前,我希望在用户单击(x)关闭对话框或“取消”按钮时清除所有输入值以及任何验证消息 我试图在“close”事件中包含一个clear form函数,但没有成功: //Load food form into dialog var controllerUrl = '/Stock/GetFoodForm'; var $createdialog = $('#createfooddialog').load(contr
//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("");
}
你知道在用户关闭对话框后,即使表单未提交,我如何清除表单中的所有内容吗?只需使用
clear
而不是clear()
或close:function(){clear();}
,尽管close:clear
是完全合法的。非常感谢!!我从未意识到我犯了这样的错误。。我修改了clear函数来清除验证消息:函数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');