我正在尝试设计一个基本的 Javascript 电子邮件注册以更新事件,就像您在正在建设和即将推出的页面上看到的那样。访问者将添加他们的电子邮件并单击提交以将自己添加到电子邮件列表中,并带有基本的 Ajax 或 jQuery“感谢您注册”消息。我还需要使用 PHO 电子邮件验证器。
HTML
<form action="scripts/mail.php" method="POST">
<input type="email" name="email" id="email" placeholder="Enter your email here....." tabindex="1">
<input type="submit" name="submit" id="submitbtn" value="Signup" class="submit-btn" tabindex="2">
</form>
使用下面的 PHP 文件:
<?php
$from = "events@spectator.co.uk";
$email = $_POST['email'];
$to = "datunrase@pressholdings.com";
$subject = "Please add me to the events mailing list";
$mailheader = "Email: $email \r\n";
mail($to, $subject, $mailheader) or die("Error!");
echo "<script type=\"text/javascript\">".
"alert('Thanks! We will keep you updated');".
"</script>";
?>
然后我使用了这个 Javascript SignUp.js:
$(document).ready(function(){
var mousedownHappened = false;
$("#submitbtn").mousedown(function() {
mousedownHappened = true;
});
$("#email").focus(function(){
$(this).animate({
opacity: 1.0,
width: '250px'
}, 300, function(){
// callback method empty
});
// display submit button
$("#submitbtn").fadeIn(300);
});
$("#submitbtn").on("click", function(e){
e.stopImmediatePropagation();
$("#signup").fadeOut(230, function(){
// callback method to display new text
// setup other codes here to store the e-mail address
$(this).after('<p id="success">Thanks! We will keep you updated.</p>');
});
});
$("#email").blur(function(){
if(mousedownHappened) {
// reset mousedown and cancel fading effect
mousedownHappened = false;
} else {
$("#email").animate({
opacity: 0.75,
width: '250px'
}, 500, function(){
// callback method empty
});
// hide submit button
$("#submitbtn").fadeOut(400);
}
});
});
但我需要帮助才能使其正常运行。首先,我希望电子邮件说明它来自谁,但目前它没有说任何人。
此外,我知道 JS 和 PHP 在电子邮件确认文本方面似乎相互覆盖。那你能告诉我什么最好用吗?在他们注册后,我希望访问者留在同一页面上。谢谢。