我有下面的JQuery Dialog脚本,我试图找到如何在关闭对话框时触发清除表单的函数.
@H_301_2@function clearForm()
{
$(':input','#calcQuery')
.not(':button,:submit,:reset,:hidden')
.val('');
};
// form popup
$(document).ready(function()
{
//var dataString = $("#calcQuery").serialize();
$("#formBox").dialog({
bgiframe: true,autoOpen: false,height: 600,width: 400,modal: false,cloSEOnEscape: true,title: "Calculator",buttons: {
"Calculate": function() {
// form post
$.ajax({
type: "POST",url: "calc.PHP",data: $("#calcQuery").serialize(),dataType: "html",success: function(response)
{
$("#calcBox").html(response);
$("#calcBox").show();
},error: function
(xhr,ajaxOptions,thrownError)
{
alert(xhr.status);
alert(thrownError);
}
}).responseText;
// form post
}
}
});
$('#calcButton').click(function(){
$('#formBox').dialog('open');
return false;
});
});
$("#formBox").bind('dialogclose',function(event)
{
clearForm();
});
解决方法
这将重置表单：
@H_301_2@$("#form").trigger( "reset" );
