如何在提交联系表单后在同一页上获取成功消息？

4 浏览
0 Comments

如何在提交联系表单后在同一页上获取成功消息？

我使用HTML和PHP创建了联系表单。并且，邮件已经正确地发送到邮箱。但是，在成功消息之后，它会重定向到form.php页面，请有人帮忙。这是我尝试构建网站的第一次。

这是我的联系表单代码：

这是我的form.php代码：

请帮帮我。

0

3 答案

0 Comments

问题出现的原因是，提交联系表单后无法在同一页上显示成功消息。解决方法是使用Ajax发送邮件，并在成功发送后将结果显示在页面上。

首先，在JavaScript中添加以下代码：

然后，在HTML中的表单标签上添加onsubmit属性，并调用sendEnquiryform()函数：

最后，在send_mail.php文件中添加以下代码：

这样就能在页面上显示成功消息了。请尝试这种方法，这在我的情况下运行良好。

0
0 Comments

问题出现的原因是JavaScript代码中的语法错误。在发送表单数据时，应该使用`&`符号来分隔每个参数，但是在代码中使用了`&`，导致语法错误。解决方法是将代码中的`&`替换为`&`。

以下是修改后的代码：

function sendEnquiryform(){
    var fname=$('#fname').val();
    var email=$('#email').val();
    var pd=$('#pd').val();
    var pg=$('#pg').val();
    var ced=$('#ced').val();
    var score=$('#score').val();
    var message=$('#message').val();
    $.post("mail.php",'fname='+name+'&email='+email+'&pd='+pd+'&pg='+pg+'&ced='+ced+'&score='+score+'&message='+message,function(result,status,xhr) { 
        if( status.toLowerCase()=="error".toLowerCase() ) { 
            alert("An Error Occurred.."); 
        } else { 
            $('#sucessMessage').html(result);
        }
    })
    .fail(function(){ 
        alert("something went wrong. Please try again") 
    });
}

在修改后的代码中，问题得到了解决。

0
0 Comments

问题的原因是在提交联系表单后，无法在同一页上获取成功信息。解决方法是将表单提交到相同的页面，并在那里检查成功消息。代码如下：


...其他HTML代码....




    
    
    
 

    
    

        
    



...其他HTML代码....

以上代码将表单提交到相同的页面，并在PHP代码中检查是否成功发送邮件。如果发送成功，则在`$success`变量中设置成功消息，否则设置发送失败的消息。在HTML代码中，使用`

`来显示成功或失败的消息。

0