如何清除表单字段并打印AJAX表单提交后成功消息 [英] How to clear form fields and print a success message after ajax form submission
本文介绍了如何清除表单字段并打印AJAX表单提交后成功消息的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我使用的形式提交。我想知道我怎么能清除表单域和表单提交后打印一个成功的消息。
我用 VAR的选择=（ clearForm：真 }
但没有奏效。
我的code： -
＆LT;脚本SRC =http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js＆GT;＆LT; / SCRIPT＆GT;
＆所述;脚本的src =http://malsup.github.com/jquery.form.js＆GT;＆所述; /脚本＆GT;
＆LT;脚本＆GT;
//等待DOM来加载
$（文件）。就绪（函数（）{
//绑定myForm会，并提供了一个简单的回调函数
$（'＃myForm会）。当作ajaxForm（函数（）{
//警报（感谢您发表评论！）;
}）;
}）;
＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;形式ID =myForm的NAME =myForm的行动=comment.php方法=邮报是enctype =的multipart / form-data的＆GT;
＆LT;输入类型=文本名称=名称/＆GT;
＆LT; BR /＆GT;
＆LT; textarea的名字=评论和GT;＆LT; / textarea的＆GT;
＆LT; BR /＆GT;
＆LT;输入类型=文件值=共享一个事先知情同意NAME =文件ID =文件/＆GT;
＆LT; BR /＆GT;
＆LT;输入类型=提交值=提交评论/＆GT;
＆LT; /形式GT;
＆LT; /身体GT;
解决方案
它的工作有以下code： -
＆LT;脚本类型=文/ JavaScript的＆GT;
$（文件）。就绪（函数（）{
VAR的选择= {
clearForm：真正的，
resetForm：真
};
//绑定myForm会，并提供了一个简单的回调函数
$（'＃myForm会）。当作ajaxForm（函数（）{
//警报（感谢您发表评论！）;
}）;
$（'＃myForm会）当作ajaxForm（选项）。
}）;
＆LT; / SCRIPT＆GT;
感谢您的帮助
I am using for form submit. I would like to know how can I clear form fields and print a success message after form submission.
I used var options = ( clearForm: true }
but it didn't work
My code :-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
//alert("Thank you for your comment!");
});
});
</script>
</head>
<body>
<form id="myForm" name="myForm" action="comment.php" method="post" enctype="multipart/form-data">
<input type="text" name="name" />
<br />
<textarea name="comment"></textarea>
<br />
<input type="file" value="Share a Pic" name="file" id="file" />
<br />
<input type="submit" value="Submit Comment" />
</form>
</body>
解决方案
It worked with the following code :-
<script type="text/javascript">
$(document).ready(function() {
var options = {
clearForm: true,
resetForm: true
};
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
//alert("Thank you for your comment!");
});
$('#myForm').ajaxForm(options);
});
</script>
Thanks for the help
这篇关于如何清除表单字段并打印AJAX表单提交后成功消息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
