使用jQuery提交后的清晰表单
[英]Clear form after submission with jQuery
问题描述
刷新后清除此表单最简单的方法是什么？ 我尝试的方式将清除表单但不提交到数据库。 有人可以向我解释最好的方法。
<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>
6 个解决方案
解决方案1
67 已采纳 2012-01-02 14:16:17
您可以将其添加到$.post的回调中
$( '#newsletterform' ).each(function(){
this.reset();
});
你不能只调用$( '#newsletterform' ).reset()因为.reset()是一个表单对象，而不是一个jquery对象，或者是那种效果。 您可以在这里阅读有关它的更多信息。
解决方案2
27 2012-01-03 11:50:00
您可以使用以下方式重置表单：
$("#myform")[0].reset();
解决方案3
6 2016-02-22 13:22:23
使用jQuery重置表单的更好方法是在表单上trigger reset事件。
$("#btn1").click(function () {
$("form").trigger("reset");
});
解决方案4
1 2012-01-02 14:12:53
在你的post方法回调函数中尝试这个
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
更多信息阅读本
解决方案5
1 2012-01-02 15:06:14
这对你来说是可行的。
$('input').val('').removeAttr('checked').removeAttr('selected');
解决方案6
-3 2013-01-07 19:00:23
只需将它添加到某个div或td中的Action文件中，以便它带有传入的XML对象
<script type="text/javascript">
$("#formname").resetForm();
</script>
其中“formname”是您要编辑的表单的ID
表单提交后，Jquery ajaxForm清除表单
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.