Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 试图编辑用模板购买的表单,但我似乎无法使其正常工作_Javascript_Php_Html_Forms - Fatal编程技术网

Javascript 试图编辑用模板购买的表单,但我似乎无法使其正常工作

Javascript 试图编辑用模板购买的表单,但我似乎无法使其正常工作,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({

我已经编辑了HTML、JS和PHP。已编辑的表单处于打开状态。填充表单并单击“提交”后,它将刷新页面并显示此URL”“未编辑的表单在“LaTaeviabery.com”上使用原始字段,但我需要此捐赠页面表单来接受地址

我已经在下面添加了我的代码,提前感谢您的帮助

HTML


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,它现在工作得很好!