使用PHP的JavaScript表单验证不发送电子邮件
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了使用PHP的JavaScript表单验证不发送电子邮件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4763字，纯文字阅读大概需要7分钟。
内容图文
我有一个联系表单,该表单使用JavaScript验证字段,但是当我将表单链接到PHP时,它不会发送电子邮件.如果有人可以帮助我,将不胜感激.我不太了解PHP及其与其他语言的交互方式.
这是live demo.
这是代码：
*编辑*
当前的Java脚本：
<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中,而在您的HTML和Javascript中,因为页面没有重新加载：
HTML：
我认为最好写：
<form onSubmit="MyFunction();" name="contact" action="sendform.php" method="post" >
因为当您像这样使用它时,它减少了在提交按钮的onClick侦听器中编写MyFunction()而不是返回MyFunction()的错误.
JavaScript：
您编写了不带;的var e,var y,var z,var x.
当您检查z.value ==’requiredfield’是否在}之前写了return false.
e永远不会增加,因为您返回了false；在增加之前阻止它增加的原因.
如果您修复了这些错误并尝试了代码,则页面刷新并且电子邮件没有发送,然后回复评论,我们将很乐意为您提供帮助.
编辑：
现在我知道了那些问题之后的问题,因为您关闭表单然后添加提交,提交按钮不再是表单的一部分,因此只需将提交按钮移到< / form>之前.
内容总结
以上是互联网集市为您收集整理的使用PHP的JavaScript表单验证不发送电子邮件全部内容，希望文章能够帮你解决使用PHP的JavaScript表单验证不发送电子邮件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。