我尝试使用php和简单的表单发送电子邮件。代码已上传: http://webofdreams.ro/tests/basic%20template.html 发送电子邮件表单正在发送给朋友。问题是电子邮件没有发送,点击后提交按钮就消失了。如果在按下取消后有另一个按钮(让我们说取消),则运行代码,但不发送电子邮件。 服务器上运行的代码非常简单:
<?php
$mailTo = $_POST['emailTo'];
$mailFrom = $_POST['emailFrom'];
$name = $_POST['name'];
$message = 'Your friend ' . $name . 'recommends this Web site: ';
$subject = $name . 'recommends Fine Maid';
mail($mailTo, $subject, $message);
echo "Mail Sent.";
?>
编辑: HTML:
<html>
<ul>
<li><a href="#" title="">Call us</a>
<div class="navLinks"> </div>
</li>
<li><a href="#">Visit our website</a>
<div class="navLinks"> Content Here </div>
</li>
<li><a href="#">Email us</a>
<div class="navLinks"> Content Here </div>
</li>
<li><a href="#">Send to a friend</a>
<div class="navLinks">
<form name="send-to-friend" id="form2" method="post" action="sendemail.php">
<label for="name" class="blockItem">Your Name</label>
<input type="text" class="blockItem" id="name" name="name" maxlength="60" size="30"/>
<label for="emailFrom" class="blockItem">Your Email</label>
<input type="text" class="blockItem" id="emailFrom" name="emailFrom" maxlength="60" size="30" />
<label for="emailTo" class="blockItem">Your friend's email</label>
<input type="text" class="blockItem" id="emailTo" name="emailTo" maxlength="60" size="30" value="" />
<input class="button" id="submit" type="submit" value="Send Message"/>
<!--<input class="button" type="submit" value="Cancel" />-->
</form>
</div>
</li>
</ul>
</html>
CSS:
.nav ul {
list-style-type:none;}
.nav {
float: right;
line-height: 3.3em;
}
.nav li {
margin: 0 .5em;
display: inline-block;
}
.nav li a {
color: #000;
font-size: 1.1em;
}
.navLinks {
position: absolute;
top: 3em;
background: #2C75D8;
padding: 0 5px;
border: 2px solid #94afd3;
-moz-box-shadow: 0 0 4px #fff;
-webkit-box-shadow: 0 0 4px #fff;
box-shadow: 0 0 4px #bbb;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
z-index: 1000;
}
form {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #ddd;
text-decoration: none;
padding: 1em;
margin-bottom: 1em;
}
label {
margin: 10px 0 0 0;
}
.blockItem {
display: block;
}
.error {
display: block;
color: #FF8080;
}
.button {
display: inline;
margin-top: 10px;
}
span {
color: #F00;
}
jquery的:
$(document).ready(function() {
$('.commentContainer:odd').addClass('darker');
$('#hideButton').click(function() {
$(this).hide();
});
$('.navLinks').hide();
$(".nav a").on("click", function(e) {
$(".navLinks").hide();
$(this).siblings(".navLinks").show();
e.preventDefault();
});
});