Javascript 试图编辑用模板购买的表单,但我似乎无法使其正常工作
我已经编辑了HTML、JS和PHP。已编辑的表单处于打开状态。填充表单并单击“提交”后,它将刷新页面并显示此URL”“未编辑的表单在“LaTaeviabery.com”上使用原始字段,但我需要此捐赠页面表单来接受地址 我已经在下面添加了我的代码,提前感谢您的帮助 HTMLJavascript 试图编辑用模板购买的表单,但我似乎无法使其正常工作,javascript,php,html,forms,Javascript,Php,Html,Forms,我已经编辑了HTML、JS和PHP。已编辑的表单处于打开状态。填充表单并单击“提交”后,它将刷新页面并显示此URL”“未编辑的表单在“LaTaeviabery.com”上使用原始字段,但我需要此捐赠页面表单来接受地址 我已经在下面添加了我的代码,提前感谢您的帮助 HTML JavaScript $("#ajax-contact-form2").submit(function() { var str = $(this).serialize(); $.ajax({
JavaScript
$("#ajax-contact-form2").submit(function() {
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "php/donatecontact-form.php",
data: str,
success: function(msg) {
if(msg == 1) {
result = '<div class="alert success fade in">Your message has been sent. Thank you!<a href="#" class="close-alert" data-dismiss="alert"></a></div>';
$("#ajax-contact-form2").hide();
} else {result = msg;}
$('#form-message').hide();
$('#form-message').html(result);
$('#form-message').fadeIn("slow");
$('html, body').animate({
scrollTop: $('#form-message').offset().top - 130
},1500);
}
});
$(“#ajax-contact-form2”).submit(函数(){
var str=$(this.serialize();
$.ajax({
类型:“POST”,
url:“php/donatecontact form.php”,
数据:str,
成功:功能(msg){
如果(msg==1){
结果='您的邮件已发送。谢谢!';
$(“#ajax-contact-form2”).hide();
}else{result=msg;}
$(“#表单消息”).hide();
$('#表单消息').html(结果);
$('形式消息').fadeIn(“慢”);
$('html,body')。设置动画({
scrollTop:$(“#表单消息”).offset().top-130
},1500);
}
});
PHP
在JavaScript中,更改
$("#ajax-contact-form2").submit(function() {
为此:
$("#ajax-contact-form2").submit(function(e) {
e.preventDefault();
// the rest stays the same
否则,在触发AJAX调用之前,表单将以默认方式提交。另一种停止此行为的方法是在submit()处理程序的末尾添加
return false;
。在JavaScript中,更改
$("#ajax-contact-form2").submit(function() {
为此:
$("#ajax-contact-form2").submit(function(e) {
e.preventDefault();
// the rest stays the same
否则,您的表单将在AJAX调用触发之前以默认方式提交。另一种停止此行为的方法是在submit()处理程序的末尾添加
return false;
。您的PHP开始标记错误,请将其改为打开浏览器控制台(键盘上的F12键)并查看是否有任何错误。如果没有,则需要查看AJAX的请求/响应。如果不想重新加载页面,则需要阻止jQuery中提交的默认操作。感谢Jay,它现在工作正常!您的PHP开始标记错误,请将其改为打开浏览器控制台(键盘上的F12键)并查看是否有任何错误。如果没有,则需要查看AJAX的请求/响应。如果不希望重新加载页面,则需要阻止jQuery中提交的默认操作。谢谢Jay,它现在工作得很好!