cacher la div avec le formulaire une fois que le formulaire est soumis et afficher un div caché

j'ai donc ce

    <div id="first" class="1" style="display:">
        <form>
            <input type=submit>
        </form>
    </div>
    <div id="second" class="2" style="display:none">
        test
    </div>

Je veux changer l'option d'affichage une fois que le formulaire est soumis (le bouton est enfoncé). Je veux que le script à devenir comme cela après avoir cliqué sur le bouton soumettre

    <div id="first" class="1" style="display:none">
        <form>
            <input type=submit>
        </form>
    </div>
    <div id="second" class="2" style="display:">
        test
    </div>

OriginalL'auteur user2031113 | 2013-02-01

  1. 5

    Vous pouvez ajouter un onsubmit gestionnaire. Sans l'aide d'une bibliothèque tierce, telles que jQuery, voici un moyen simple de le faire avec JavaScript en ligne:

    <form onsubmit="document.getElementById('first').style.display = 'none';document.getElementById('second').style.display = '';">

    La onsubmit est déclenchée à chaque fois que le formulaire est soumis, que ce soit en cliquant sur le Submit bouton, par programme, ou si un utilisateur clique sur Entrée dans un champ de texte, par exemple.

    Je voudrais, cependant, vous recommandons l'utilisation de jQuery et une approche plus discrète que cette inline approche. Si vous voulez voir comment le faire avec jQuery, voici un jsFiddle qui montre une façon d'accomplir ceci. Fondamentalement, vous devez ajouter un id comme myform sur le form élément et ensuite l'ajouter à votre JavaScript:

    $(document).ready(function() {
    $("#myform").submit(function(e) {
        $("#first").hide();
        $("#second").show();
    });
});

    OriginalL'auteur Marc Baumbach

  2. 2

    D'abord donner un id à bouton soumettre.

    <div id="first" class="1" style="display:">
    <form>
        <input type=submit **id="submit-btn"**>
    </form>
</div>
<div id="second" class="2" style="display:none">
    test
</div>

    Puis écrire Événement Click du Bouton soumettre

    jQuery("#submit-btn").click(function(e)) {
    e.preventDefault();
    jQuery('#first').hide();
    jQuery('#show').show();
}

    OriginalL'auteur Jaykesh Patel