JQuery Clair sur fermer

J'ai le dessous de JQuery boîte de Dialogue script, j'essaie de trouver comment déclencher une fonction qui efface la forme quand j'ai fermer la boîte de dialogue. 

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();
});
  • forme.reset() pourrait faire l'affaire...
InformationsquelleAutor Simply Seth | 2009-12-07
  1. 7

    Ceci permet de réinitialiser le formulaire:

    $("#form").trigger( "reset" );
    • Pouvez-vous préciser où cette ligne devrait aller. Merci.
    • Regarde ma réponse
    InformationsquelleAutor develop-ua
  2. 5

    Utiliser le près de l'événement

    $("#formBox").dialog({
      bgiframe: true,
        autoOpen: false, 
        height: 600,
        width: 400, 
        modal: false,
        close: clearForm
});
    InformationsquelleAutor PetersenDidIt
  3. 3

    Je l'ai eu à travailler en utilisant ... 

    function clearForm(form)
{
    $(":input", form).each(function()
    {
    var type = this.type;
    var tag = this.tagName.toLowerCase();
        if (type == 'text')
        {
        this.value = "";
        }
    });
};

    et .....

    //form post
            $.ajax({
            type: "POST",
            url: "calc.php",
            data: $("#calcQuery").serialize(),
            dataType: "html",
            success: function(response)
                {
                $("#calcBox").html(response);
                $("#calcBox").show();   
                clearForm("#calcQuery");
                },
            error: function
                (xhr, ajaxOptions, thrownError)
                    {
                    alert(xhr.status); 
                    alert(thrownError);
                    }



    }).responseText;

//form post

    ... maintenant .. comment puis-je configurer les boutons de la radio à la valeur par défaut de "GO" ?

    &nbsp;KB <input type="radio" name="curr_unit" value="KB" />
&nbsp;MB <input type="radio" name="curr_unit" value="MB" />
&nbsp;GB <input type="radio" name="curr_unit" value="GB" checked/>
&nbsp;TB <input type="radio" name="curr_unit" value="TB" />

    grâce

    InformationsquelleAutor Simply Seth
  4. 3

    Plus élégante est une combinaison de ces méthodes:

    ...
beforeClose: function() {
    $("#form").trigger("reset");
},
...

    Il réinitialise votre formulaire sur enregistrer, sur annuler et sur la barre de titre bouton fermer.
    Exception pour select2 qui ont à faire manuellement:

    $("#mySelect2").select2('data', null);

    à l'intérieur de la même beforeClose

    InformationsquelleAutor Adrian P.
  5. 0
    `jQuery("#form").trigger( "reset" );`

    place dans la réussite de la fonction après le message de réussite s'affiche.

    Ensuite, il fonctionne parfaitement!

    exemple: 

    success : function(){
jQuery('#contactsMsgs').html('<p class="success">All is well, your e&ndash;mail has been sent.</p>');
jQuery('#yourformname').trigger( 'reset' );
spinner.hide();`
}
    InformationsquelleAutor doris pelger