Apa cara termudah untuk menghapus formulir ini setelah refresh. Cara yang telah saya coba akan menghapus formulir tetapi tidak mengirimkan ke database. Bisakah orang lain menjelaskan kepada saya cara terbaik untuk melakukan ini.
<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>
Anda bisa menambahkan ini ke callback dari $.post
$( '#newsletterform' ).each(function(){
this.reset();
});
Anda tidak bisa memanggil $( '#newsletterform' ).reset()
karena .reset()
adalah objek form dan bukan objek jquery, atau sesuatu untuk efek itu. Anda dapat membaca lebih lanjut tentang hal itu di sini sekitar setengah jalan ke bawah halaman.
coba ini di fungsi callback metode posting Anda
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
untuk info lebih lanjut baca ini