Forme claire après la présentation avec jQuery

Quelle est la meilleure façon d'effacer ce formulaire après l'actualisation. La façon dont j'ai essayé de dégager le formulaire mais ne pas se soumettre à la base de données. Quelqu'un d'autre pourrait m'expliquer la meilleure façon de le faire.

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$("#newsletterform").validate({
debug: false,
rules: {
name: "required",
email: {
required: true,
email: true
}
},
messages: {
name: "Please let us know who you are.",
email: "A valid email will help us get in touch with you.",
},
submitHandler: function(form) {
//do other stuff for a valid form
$.post('newsletter.php', $("#newsletterform").serialize(), function(data) {
$('#results').html(data);
});
}
});
});
</script>
</head>
<div id="content">
<div id="newsletter-signup">
<h1>Sign up for News, Updates, and Offers!</h1>
<form id="newsletterform" action="" method="post">
<fieldset>
<ul>
<li>
<label for="name">Name:</label>
<input type="text" name="name" />
</li>
<li>
<label for="email">Email:</label>
<input type="text" name="email" />  
</li>
<div id="results"><div>
<li>
<input type="submit" value="submit" name="signup" onclick="" />         
</li>
</ul>
</fieldset>
</form>         
</div>
</div>
</html>
InformationsquelleAutor Kelbizzle | 2012-01-02
  1. 66

    Vous pouvez ajouter ceci à la fonction de rappel de $.post

    $( '#newsletterform' ).each(function(){
this.reset();
});

    Vous ne pouvez pas simplement appeler $( '#newsletterform' ).reset() parce que .reset() est une forme de l'objet et non pas un objet jquery, ou quelque chose à cet effet. Vous pouvez en lire plus à ce sujet ici environ à mi-chemin en bas de la page.

    • Merci cela a fonctionné. Mon erreur était que je ne savais pas que j'étais le plaçant dans le mauvais emplacement. Merci pour expliquer votre réponse.
    • Jetez un oeil à la prochaine réponse avant la mise en œuvre de cette.
    • Ci-dessous la réponse ne correspond pas à cette question de besoins. C'est pour un multi-étape de forme. Aussi, lire la suite le lien dit de ne pas utiliser ce code, mais un second morceau de code fourni dans la réponse.
    • qui m'a sauvé beaucoup de temps, merci.
    • Pourquoi ne pas utiliser ce code?
    InformationsquelleAutor Andrew Jackman
  2. 27

    Vous pouvez réinitialiser votre formulaire avec:

    $("#myform")[0].reset();
    • qu'est-ce que l'utilisation de [0], ici?
    • À l'aide de [0], vous retournez natif de l'élément html pas DOM.
    InformationsquelleAutor Amritpal singh
  3. 5

    Meilleure façon de réinitialiser votre formulaire avec jQuery est tout Simplement trigger un reset événement sur votre formulaire.

    $("#btn1").click(function () {
$("form").trigger("reset");
});
    • Un peu de détails pour expliquer ce que vous faites ici serait appréciée.
    InformationsquelleAutor kiran kumar
  4. 1

    essayer dans votre post méthodes fonction de rappel

    $(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');

    pour plus d'informations, lisez cette

    InformationsquelleAutor Dau
  5. 1

    Sans doute cela serait-il le faire pour vous.

     $('input').val('').removeAttr('checked').removeAttr('selected');
    InformationsquelleAutor mas-designs
  6. -3

    Juste ajouter ceci à votre fichier "Action" dans certains div ou de td, de sorte qu'il est livré avec entrants objet XML

        <script type="text/javascript">
$("#formname").resetForm();
</script>

    Où "nom du formulaire" est l'id de la forme que vous souhaitez modifier

    InformationsquelleAutor Harshit Khatri