Borrar formulario con jQuery
¿Cuál es la forma más sencilla de borrar este formulario después de actualizarlo? La forma en que he intentado se borrará el formulario, pero no presentar a la base de datos. ¿Podría alguien explicarme la mejor manera de hacer esto.
<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>
25
3
Puedes añadir esto a la llamada de retorno de
$.post
.No puedes simplemente llamar a
$( '#newsletterform' ).reset()
porque.reset()
es un objeto formulario y no un objeto jquery, o algo parecido. Puedes leer más sobre esto aquí más o menos a la mitad de la página.intente esto en su función de callback de los métodos post
para más información lea esto
Probablemente esto te sirva.