关闭JQuery Clear Form

前端之家收集整理的这篇文章主要介绍了关闭JQuery Clear Form前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有下面的JQuery Dialog脚本,我试图找到如何在关闭对话框时触发清除表单的函数.
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();
});

解决方法

这将重置表单:
$("#form").trigger( "reset" );
原文链接:https://www.f2er.com/jquery/180898.html

猜你在找的jQuery相关文章