使用 PHP 的 JavaScript 表单验证不发送电子邮件答案

【问题标题】：JavaScript form validation with PHP not sending emails使用 PHP 的 JavaScript 表单验证不发送电子邮件
【发布时间】：2013-09-10 19:14:47
【问题描述】：

我有一个使用 JavaScript 验证字段的联系表单，但是当我将表单链接到我的 PHP 时，它不会发送电子邮件。如果有人可以帮助我，将不胜感激。我不太熟悉 PHP 以及它如何与其他语言交互。

这是live demo。

代码如下：

*编辑*

当前的 JAVASCRIPT：

<script type="text/javascript">
reEmail = /^[\w-|+|'|]+(\.[\w-|+|'|]+)*@([a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*?\.[a-zA-Z]{2,6}|(\d{1,3}\.){3}\d{1,3})(:\d{4})?$/

function myFunction()
{
var y;
y = document.getElementById('name');
var x;
x = document.getElementById('email');
var z;
z = document.getElementById('message');
var e;
e = 0;


if(y.value == "Full Name*"){
     alert("Full Name Required");
     e = e + 1
     return false;
} 

if(!(reEmail.test(x.value))){
     alert("E-Mail Invalid");
     e = e + 1
     return false;
} 

if(z.value == "Your Message*"){
    alert("Please write a message.");
    e = e + 1;
    return false;
}

if(e < 0){
    return false;   
} else {
    alert("Thank you. Your message has been sent!");
    return true;
}

}

</script>

*编辑*

当前 HTML：

<body>
<div class="form" align="center">
<form onSubmit="myFunction();" name="contact" action="sendform.php" method="post" >
    <span style="display:block;">
        <input name="name" type="text" id="name" class="txt" maxlength="50" value="Full Name*" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
    </span>
        <br />
    <span style="display:block">
        <input name="email" type="text" id="email" class="txt" maxlength="20" value="Your E-Mail*" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" >
    </span>
        <br />
    <span style="display:block">
        <textarea name="message" type="text" id="message" class="txt" maxlength="500" value="Your Message*" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">Your Message*</textarea>
    </span>
        </form>
        <br />
    <span id="required">* Indicates Required Fields</span>
            <br />
    <input type="submit" onclick="myFunction()" class="submit" value="Submit" >

</div>
</body>

PHP(sendform.php)：

<?php
if(isset($_POST['email'])) {

// EDIT THE 2 LINES BELOW AS REQUIRED
$email_to = "email@domain.com";
$email_subject = "Your email subject line";


function died($error) {
    // your error code can go here
    echo "We are very sorry, but there were error(s) found with the form you submitted. ";
    echo "These errors appear below.<br /><br />";
    echo $error."<br /><br />";
    echo "Please go back and fix these errors.<br /><br />";
    die();
}

// validation expected data exists
if(!isset($_POST['name']) ||
    !isset($_POST['email']) ||
    !isset($_POST['message'])) {
        died('We are sorry, but there appears to be a problem with the form you submitted.');       
}

$first_name = $_POST['name']; // required
$email_from = $_POST['email']; // required
$comments = $_POST['message']; // required

$error_message = "";
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
if(!preg_match($email_exp,$email_from)) {
    $error_message .= 'The Email Address you entered does not appear to be valid.<br />';
}
$string_exp = "/^[A-Za-z .'-]+$/";
if(!preg_match($string_exp,$first_name)) {
    $error_message .= 'The First Name you entered does not appear to be valid.<br />';
}
if(!preg_match($string_exp,$last_name)) {
    $error_message .= 'The Last Name you entered does not appear to be valid.<br />';
}
if(strlen($comments) < 2) {
    $error_message .= 'The Comments you entered do not appear to be valid.<br />';
}
if(strlen($error_message) > 0) {
    died($error_message);
}
$email_message = "Form details below.\n\n";

function clean_string($string) {
    $bad = array("content-type","bcc:","to:","cc:","href");
    return str_replace($bad,"",$string);
}

$email_message .= "Name: ".clean_string($first_name)."\n";
$email_message .= "Email: ".clean_string($email_from)."\n";
$email_message .= "Message: ".clean_string($comments)."\n";


// create email headers
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
mail($email_to, $email_subject, $email_message, $headers);  
?>

<!-- include your own success html here -->

Thank you for contacting us. We will be in touch with you very soon.

<?php
}
?>

【问题讨论】：

先从邮件功能中删除@
我建议你不要使用@。进行所有需要的检查，记录所有错误等。然后您将能够分析为什么某些东西无法正常工作。
第二，不要假设邮件功能成功。始终检查结果并相应地显示消息。
我删除了菜单功能之前的@，但这似乎没有任何作用

标签： php javascript html forms

【解决方案1】：

你的问题在这里：

if(z.value == "Your Message*"){
    alert("Please write a message.");
    return false;
    e = e + 1
} else if(z.value == "Required Field"){ 
    z.value = "Required Field"
    e = e + 1
} return false;

由于您在右大括号之后有return false; ，因此您的代码在到达该点时总是停止。

另外，自增e后是否返回false并不一致；有时你返回 false，有时你不返回，当你这样做时，你返回 false before 递增 e，在这种情况下 e 实际上并没有改变。你应该总是在这里做同样的事情。

另外，在您的 html 中：

<input type="submit" onclick="myFunction()" class="submit" value="Submit" >

onclick 应该是return myFunction()，否则无论您的 javascript 函数的结果如何，表单提交都会发生。

【讨论】：

我重写了我的 js 使其看起来像这样，但是在尝试发送电子邮件时没有这样的运气。我做错什么了吗？ if(y.value == "全名*"){ alert("需要全名"); e = e + 1 返回假； } if(!(reEmail.test(x.value))){ alert("E-Mail Invalid"); e = e + 1 返回假； } if(z.value == "您的留言*"){ alert("请写留言。"); e = e + 1;返回假； } 如果（e > 0）{ 返回假； } else { alert("谢谢。您的信息已发送！");返回真； }
如果不是javascript，那么它必须是php。删除 @ 并查看是否有任何错误。如果你不这样做，那么你的虚拟主机可能已经禁用了 php 的 mail() 功能，你必须使用 sendmail 来代替。
顺便说一句，在您当前的 javascript 中，您有 if(e < 0){ - 这将始终返回 false。我想你的意思是if(e > 0){

【解决方案2】：

问题不在于您的 PHP，而在于您的 HTML 和 Javascript，因为页面没有重新加载：

HTML：

我认为最好写：

<form onSubmit="MyFunction();" name="contact" action="sendform.php" method="post" >

因为当你这样使用它时，它会减少在提交按钮的onClick 侦听器中写入MyFunction() 而不是return MyFunction() 的错误

JavaScript：

你写了var e，var y，var z，var x，没有;。

当您检查了z.value == 'requiredfield' 是否在} 之前写入了return false。

并且e 永远不会增加，因为您在增加之前有return false; 阻止它增加。

如果您修复了这些错误并尝试了代码，页面刷新并且电子邮件未发送，请在评论中回复，我很乐意为您提供帮助。

编辑：

现在我知道这些修复后的问题，提交按钮不是表单的一部分，因为您关闭表单然后添加提交，所以只需将提交按钮移动到 </form> 之前

【讨论】：

我把“return false;”在“e = e + 1”之后和分号之前。我还在每个声明的变量后添加了分号。我也把 onSubmit="myFunction();"在表单标签而不是提交中。当我在表单中单击提交时，什么也没有发生，甚至没有警报。知道发生了什么吗？很抱歉这里缺乏知识。
我意识到当我改变 onClick="myFunction();"在提交按钮到 onSubmit="myFunction();"在表单标签中，脚本不会执行。
@ran913 main 这是我在 google chrome 控制台中更改的解决方案，它运行良好：我很高兴能提供帮助

【解决方案3】：

我认为是因为它：

if(e > 0){
    return false;   
} else {
    alert("Thank you. Your message has been sent!");
    return true;
}
}

每次验证通过时，你都给 e 加 1，它总是大于 0，我不知道是不是你的错误，但我认为它应该是这样的

if(e != 5){
        return false;   
    } else {
        alert("Thank you. Your message has been sent!");
        return true;
    }
    }

为什么是 5？因为你把 1 加到 e 5 次所以最后它应该是 5。

【讨论】：