jQuery -将联系人表单替换为'感谢消息'
jQuery - replace contact form with 'thanks message'
我有一个执行PHP操作的联系人表单。联系人表单在jQuery中与验证引擎连接。如果消息被正确发送,我只是包含PHP文件与感谢消息- require_once('success.php');
。发送消息后,我想用感谢信息代替联系形式,而无需重新加载整个页面。请给我一些建议如何去做。这是我的html:
<div id="contactForm">
<form id="expertForm" class="formular" method="post" action="send.php">
<fieldset>
<label>
<input name="email"
id="email"
class="required email"
type="text"
size="40"/>
</label>
<p>
<textarea name="body" id="body" rows="5" cols="50" class="required"></textarea>
</p>
</fieldset>
<input class="submit"
type="image"
src="../images/btn-send.png"/>
</form>
</div>
<script type="text/javascript">
$("#expertForm").validate();
</script>
在send.php
中我有:
if(!$mail->Send()) {
echo "Mailer Error: " . $mail->ErrorInfo;
} else {
require_once('success.php');
}
您可以在这里看到一个几乎工作的演示http://jsfiddle.net/v7MJA/1/
$(function(){
$("#expertForm").submit(function(e){
e.preventDefault();
if(!$(this).validate().form()) return false;
$.ajax({
url:$(this).attr('action'),
data:$(this).serialize(),
type:'post',
success:function(msg){
$("#expertForm").replaceWith(msg);
}
});
});
});
你最好给我们一些代码,以便我们能帮忙。
这里是理论方法:使用success
事件的jquery ajax
[ref]调用:
$.ajax({
url: "test.html",
context: document.body,
success: function(){
$("#myformdiv").html("Thanks!");
}
});
假设你的HTML标记是:
<div id="myformdiv">
<form>
<!-- form code here -->
</form>
</div>
假设我正确理解了您的问题,您可以使用replaceWith
方法将匹配的元素替换为指定的内容:
$("#yourForm").replaceWith("<p>Thanks!</p>");
我假设您正在异步地将表单数据发送到服务器,因此您可以在回调中运行上述代码:
$.post("yourScript.php", function() {
$("#yourForm").replaceWith("<p>Thanks!</p>");
});
相关文章:
- Ajax聊天消息重复而不仅仅是更新
- 如果localstorage为空,则显示欢迎消息
- 绑定时将Parsley minlength消息作为选项传递时,未对其进行自定义
- 离开页面时弹出消息
- 有没有一种方法可以在控制台关闭的情况下让console.log()在IE中记录消息
- 消息显示之外的淘汰验证
- 选项卡侦听器未被来自后台脚本的消息激活
- jQuery在输入下验证post错误消息
- Scipt未在选定选项卡中执行以发送和接收消息
- 检查xmlhttprequest问题的消息
- AngularJs对ng消息的自定义替换
- ng消息仅在触摸时显示错误,并在错误的初始显示上转换
- 当用户按下回车键时,自动在text区域/text中插入消息
- 如果消息框答案为YES,则用Javascript填写表单
- 在javaservlet doPost方法中启动线程时,无法返回异常消息
- 解析云代码错误:解析.错误{代码:141,消息:“未调用成功/错误”}
- ios设备,“必填”字段和感谢消息
- 在 SP 后添加感谢消息.用户界面.ModalDialog.showModalDialog() 已经上传了 flie
- jQuery -将联系人表单替换为'感谢消息'
- 使用 javascript 根据条件表单字段选择重定向感谢消息