JavaScript: Effacer les données de formulaire après la soumission de l'auto sur le clic

Étudiant newb ici de travail pour construire une histoire de ma classe de travaux dans une manière qui est utile pour moi pour l'avenir de réflexion; Actuellement, je suis en train de faire un formulaire d'assignation, qui fonctionne, mais je vais essayer de pousser un peu pour obtenir les la plupart hors de l'expérience. Mon but est que si je clique sur le bouton "réinitialiser" le formulaire de claire de peu importe si j'ai cliqué sur submit ('continuer') bouton ou pas. Actuellement, si je clique sur le bouton effacer avant de cliquer sur le bouton soumettre, les données du formulaire seront claires. Mais si j'ai cliqué sur continuer (à soumettre le formulaire de soi et de la forme de données est maintenant assis dans l'url), les données ne sont pas claires.

c'est ma fonction javascript

<script>
/* JS to clear form */
function myFunction() { document.getElementById("myForm").reset(); }
</script>

c'est l'ensemble de la forme de la partie du code:

<form enctype="multipart/form-data" action="./itc216.php" method="get">
                    Name: &nbsp; &nbsp; &nbsp;<input ="text" name="userName" value="<?php echo $userName; ?>" />
                    <span class="error"><?php echo $errorMessage1; ?></span><br /><br />

                    Amount: &nbsp;<input ="text" name="mealTotal" value="<?php echo $mealTotal; ?>" />
                    <span class="error"><?php echo $errorMessage2; ?></span><br /><br />

                    <input type="checkbox" name="agreement" <?php echo $agreement; ?>  />
                    Do you agreement to the terms and conditions?
                    <span class="error"><?php echo $agreementError; ?></span><br /><br />


                    <input type="submit" name="submit" value="Continue" />  &nbsp;|&nbsp;  <input type="reset" onclick="myFunction()" value="Reset!">
                </form>
  • Pas assez d'informations ici, est-ce que courir myFunction clairement la forme?
  • J'ai ajouté de l'ensemble de la forme de portion de partir à ma question ci-dessus. Vous pouvez voir un démo ici: (school.max-o-matic.com/...) vous avez faites défiler jusqu'à la cinquième tâche que je suis en train de travailler. Après avoir cliqué sur continuer, qui engage les données saisies par l'utilisateur à la chaîne, j'aimerais être capable de l'effacer si cela est possible. J'aimerais aussi si je pouvais obtenir que la page se charge à la même position sur les présenter donc je n'ai pas de garder le défilement vers le bas.
  • Je viens de comprendre comment sur un clic, avoir la page, faites défiler jusqu'à l'endroit où il a été à l'origine, donc je n'ai pas à faire défiler tant par réglage de l'action de " action="#a050"'. Donc oui pour que. Toujours à essayer de comprendre comment faire pour effacer les données saisies par l'utilisateur.
InformationsquelleAutor Chezshire | 2014-04-06
  1. 3

    Réinitialisation n'efface pas la forme, mais réinitialise le formulaire à ses valeurs par défaut. Si vous êtes pré-remplissage du formulaire d'entrées avec les données soumises, ce sont ce que le formulaire de réinitialisation de. Si c'est le cas, pour effacer le formulaire, vous devez avoir Javascript pour définir toutes les valeurs à vide.

    • Je suis désireux d'effacer les données utilisateur saisi. Voici un exemple de travail de la forme dans l'action (school.max-o-matic.com/...). Je suis désireux de supprimer/nettoyer la chaîne, je suppose? De cette façon, quand je mets la prochaine mission au je vais avoir un test au propre état de continuer avec (je sais que c'est loufoque)
    • Si vous ne voulez pas la chaîne de requête dans l'URL, puis soumettez le formulaire comme un POSTE. Ma réponse sur le nettoyage de la forme tient toujours.
    • Oh, j'ai pensé que peut-être que la pré-remplissage du formulaire, j'ai dû html de remplissage dans un attribut d'un verset à l'utilisateur de le remplir. Je vais essayer de travailler avec l'aide de POST et de voir comment ça se passe. Merci beaucoup pour les conseils.
    InformationsquelleAutor TwHello Inc
  2. 1

    Vous devrez peut-être utiliser l'événement de délégation

    $('#clearbutton').on('click', function(){
    $("#myForm").reset();
});
    • Je vous remercie. J'ai révisé mon script comme vous l'avez suggéré, mais cela n'a pas fonctionné comme je l'espérais. Je suis très faibles sur le javascript donc je ne l'aurais pas fait correctement.
    • Qu'est-ce que $? L'OP n'indique pas qu'il est à l'aide de jQuery (ou n'importe quel autre framework).
    • Nope. Pas à l'aide de jQuery, je ne sais pas jQuery. J'ai un peu de php et de html et je peux lire un javascript pour le moment.
    InformationsquelleAutor Clayton
  3. 1

    Il semble que vous voulez rediriger après le traitement de la forme, de sorte que l'URL est clair.

    C'est généralement une bonne idée, même dans le cas d'un POSTE, de sorte que l'actualisation de la page n'est pas de créer une nouvelle entrée.

    Je suppose que vous n'êtes pas vraiment le traitement de la forme encore si vous n'avez pas de moyen d'afficher l'entrée, sauf si c'est dans l'URL, mais ce serait la bonne façon de le faire.

    InformationsquelleAutor Dov D.
  4. 0

    Vous avez Oublié d'ajouter l'id du formulaire dans le formulaire ajouter

    <form enctype="multipart/form-data" action="./itc216.php" method="get" id="myForm">
    InformationsquelleAutor Aswin Raghavan