Javascript 联系人表单代码自定义
您好–我已经在我的网站上实现了一个基于此地址的图图的联系表单 它工作正常，唯一的问题是我想在表单中添加一个字段“name” 因此，我在表单的html代码中添加了这行代码：Javascript 联系人表单代码自定义,javascript,jquery,html,Javascript,Jquery,Html,您好–我已经在我的网站上实现了一个基于此地址的图图的联系表单 它工作正常，唯一的问题是我想在表单中添加一个字段“name” 因此，我在表单的html代码中添加了这行代码： <input id="name" class="txt" type="name" name="name" placeholder="name"/><br /> 修改后的表格代码： <form id="contact" action="#" method="post" name="contac
<input id="name" class="txt" type="name" name="name" placeholder="name"/><br />
<form id="contact" action="#" method="post" name="contact">
<label for="name">Your Name</label>
<input id="name" class="txt" type="name" name="name" placeholder="name"/><br />
<label for="email">Your E-mail</label>
<input id="email" class="txt" type="email" name="email" placeholder="e-mail address"/>
<br />
<textarea id="msg" class="txtarea" name="msg" placeholder="Type your message here..."></textarea>
<button id="send">Send E-mail</button>
</form>
你的名字
你的电子邮件
发送电子邮件
$msg .= "<p><strong>From:</strong> ".$username."</p>\r\n";
?php
$sendto = "myemail@gmail.com";
$usermail = $_POST['email'];
$content = nl2br($_POST['msg']);
$subject = "New Message frm";
$headers = "From: " . strip_tags($usermail) . "\r\n";
$headers .= "Reply-To: ". strip_tags($usermail) . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html;charset=utf-8 \r\n";
$msg = "<html><body style='font-family:Arial,sans-serif;'>";
$msg .= "<h2 style='font-weight:bold;border-bottom:1px dotted #ccc;'>New message</h2>\r\n";
$msg .= "<p><strong>From:</strong> ".$username."</p>\r\n";
$msg .= "<p><strong>E-mail:</strong> ".$usermail."</p>\r\n";
$msg .= "<p><strong>Message:</strong> ".$content."</p>\r\n";
$msg .= "</body></html>";
if(@mail($sendto, $subject, $msg, $headers)) {
echo "true";
} else {
echo "false";
}
?>
$msg.=“发件人：”$username.\r\n”；
$msg .= "<p><strong>From:</strong> ".$username."</p>\r\n";
?php
$sendto = "myemail@gmail.com";
$usermail = $_POST['email'];
$content = nl2br($_POST['msg']);
$subject = "New Message frm";
$headers = "From: " . strip_tags($usermail) . "\r\n";
$headers .= "Reply-To: ". strip_tags($usermail) . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html;charset=utf-8 \r\n";
$msg = "<html><body style='font-family:Arial,sans-serif;'>";
$msg .= "<h2 style='font-weight:bold;border-bottom:1px dotted #ccc;'>New message</h2>\r\n";
$msg .= "<p><strong>From:</strong> ".$username."</p>\r\n";
$msg .= "<p><strong>E-mail:</strong> ".$usermail."</p>\r\n";
$msg .= "<p><strong>Message:</strong> ".$content."</p>\r\n";
$msg .= "</body></html>";
if(@mail($sendto, $subject, $msg, $headers)) {
echo "true";
} else {
echo "false";
}
?>
？php
$sendto=”myemail@gmail.com";
$usermail=$_POST['email']；
$content=nl2br（$_POST['msg']）；
$subject=“新消息frm”；
$headers=“From:”。剥离标签（$usermail）。“\r\n”；
$headers.=“回复：”。剥离标签（$usermail）。“\r\n”；
$headers.=“MIME版本：1.0\r\n”；
$headers.=“内容类型：text/html；字符集=utf-8\r\n”；
$msg=”“；
$msg.=“新邮件\r\n”；
$msg.=“发件人：“$username.”\r\n”；
$msg.=“电子邮件：”$usermail.\r\n”；
$msg.=“消息：”$content.“\r\n”；
$msg.=”；
if（@mail（$sendto，$subject，$msg，$headers））{
呼应“真”；
}否则{
呼应“假”；
}
?>
// JavaScript Document
function validateEmail(email) {
var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return reg.test(email);
}
$(document).ready(function() {
$(".modalbox").fancybox();
$("#contact").submit(function() { return false; });
$("#send").on("click", function(){
var emailval = $("#email").val();
var msgval = $("#msg").val();
var msglen = msgval.length;
var mailvalid = validateEmail(emailval);
if(mailvalid == false) {
$("#email").addClass("error");
}
else if(mailvalid == true){
$("#email").removeClass("error");
}
if(msglen < 4) {
$("#msg").addClass("error");
}
else if(msglen >= 4){
$("#msg").removeClass("error");
}
if(mailvalid == true && msglen >= 4) {
// if both validate we attempt to send the e-mail
// first we hide the submit btn so the user doesnt click twice
$("#send").replaceWith("<em>sending...</em>");
$.ajax({
type: 'POST',
url: 'sendmessage.php',
data: $("#contact").serialize(),
success: function(data) {
if(data == "true") {
$("#contact").fadeOut("fast", function(){
$(this).before("<p><strong>Success! Your message has been sent, thank you.</strong></p>");
setTimeout("$.fancybox.close()", 1000);
});
}
}
});
}
});
});
//JavaScript文档
功能验证电子邮件（电子邮件）{
变量reg=/^（[^（）[\]\\，；：\s@\“]+（\.[^（）[\]\，；：\s@\“]+*）（\'+\”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.]；
返回注册测试（电子邮件）；
}
$（文档）.ready（函数（）{
$（“.modalbox”）.fancybox（）；
$（“#contact”）.submit（函数（）{return false；}）；
$（“#发送”）。在（“单击”，函数（）{
var emailval=$（“#email”）.val（）；
var msgval=$（“#msg”）.val（）；
var msglen=msgval.length；
var mailvalid=validateEmail（emailval）；
if（mailvalid==false）{
$（“#email”）.addClass（“错误”）；
}
else if（mailvalid==true）{
$（“#email”）.removeClass（“错误”）；
}
如果（msglen<4）{
$（“#msg”）.addClass（“错误”）；
}
否则如果（msglen>=4）{
$（“#msg”）.removeClass（“错误”）；
}
如果（mailvalid==true&&msglen>=4）{
//如果两者都有效，我们将尝试发送电子邮件
//首先，我们隐藏提交btn，这样用户就不会点击两次
$（“#发送”）。替换为（“发送…”）；
$.ajax({
键入：“POST”，
url:'sendmessage.php'，
数据：$（“#联系人”）.serialize（），
成功：功能（数据）{
如果（数据==“真”）{
$（“#联系人”）.fadeOut（“快速”，函数（）{
$（此）。之前（“成功！您的邮件已发送，谢谢。”；
setTimeout（$.fancybox.close（）”，1000）；
});
}
}
});
}
});
});
var emailval = $("#email").val();
var msgval = $("#msg").val();
var msglen = msgval.length;
var mailvalid = validateEmail(emailval);
//Get our name
var nameval = $("#name").val();
//Get our name length
var namelen = nameval.length;
if(msglen < 4) {
$("#msg").addClass("error");
}
else if(msglen >= 4){
$("#msg").removeClass("error");
}
尝试一下，我的朋友：）与消息的方式相同？我想是这样，但不确定这是什么部分…请参见
“click”msglennameval$username = $_POST['name'];