联系方式+;发送邮件(html+;bulma+;ajax+;php)
我正在为我的公司创建一个网站,我没有很多钱,但有很多时间。我买了我的域名,我的网络主机等等。 简而言之,在我创建的站点中,我想在一个html网站上集成一个联系人表单和JS AJAX PHP。我指定也使用BULMA进行格式化。这有点像自举。我告诉你我做了什么。 电子邮件不发送到地址。我不知道如何添加imap或smtp。你能帮我解决我的问题吗 my.html文件名为index.html:联系方式+;发送邮件(html+;bulma+;ajax+;php),php,html,ajax,email,bulma,Php,Html,Ajax,Email,Bulma,我正在为我的公司创建一个网站,我没有很多钱,但有很多时间。我买了我的域名,我的网络主机等等。 简而言之,在我创建的站点中,我想在一个html网站上集成一个联系人表单和JS AJAX PHP。我指定也使用BULMA进行格式化。这有点像自举。我告诉你我做了什么。 电子邮件不发送到地址。我不知道如何添加imap或smtp。你能帮我解决我的问题吗 my.html文件名为index.html: <!-- body --> <body> <!-- contact --&
<!-- body -->
<body>
<!-- contact -->
<div class="block">
<footer class="footer">
<h2 class="heading-site">Contactez-moi</h2>
<div class="footer-contact-form">
<form>
<div class="field">
<label class="label">Votre nom</label>
<div class="control">
<input id="name" class="input" type="text" placeholder="votre prénom" name="name">
</div>
</div>
<div class="field">
<label class="label">Votre Prénom</label>
<div class="control">
<input id="firstname" class="input" type="text" placeholder="votre nom" name="firstname">
</div>
</div>
<div class="field">
<label class="label">Votre email</label>
<div class="control">
<input id="email" class="input" type="text" placeholder="votre-email@mail.fr" name="email">
</div>
</div>
<div class="field">
<label class="label">Votre message</label>
<div class="control">
<textarea id="message" class="textarea" placeholder="Décrivez votre entreprise et expliquez en quoi puis-je vous aider" name="message"></textarea>
</div>
</div>
</form>
<button class="button is-link" id="send_email">Envoyer !</button>
</div>
<div class="footer-informations">
<p>65 rue des peupliers</p>
<p>75015 Paris</p>
<ul>
<li>
<a href="#">
<i class="fab fa-facebook-square"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-twitter-square"></i>
</a>
</li>
</ul>
</div>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="src/js/main.js"></script>
</body>
<!-- body -->
// send mail with ajax
$('#send_email').click(function(e){
e.preventDefault();
var data = {
email: $('#email').val(),
name: $('#name').val(),
firstname: $('#firstname').val(),
message: $('#message').val()
};
// AJAX
$.ajax({
url: "mail.php",
type: 'POST',
data: data,
success: function(data) {
$('#js_alert_success').css({'display' : 'block'});
setTimeout(function(){
$('#js_alert_success').css({'display' : 'none'});
$('#email').val("");
$('#name').val("");
$('#firstname').val("");
$('#message').val("")
}, 3000);
},
error: function(data) {
$('#js_alert_danger').css({'display' : 'block'});
setTimeout(function(){
$('#js_alert_danger').css({'display' : 'none'});
$('#email').val("");
$('#name').val("");
$('#firstname').val("");
$('#message').val("")
}, 3000);
}
});
});
<?php
if($_POST){
$firstname = $_POST['firstname']
$email = $_POST['email'];
$name = $_POST['name'];
$message = $_POST['message'];
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/plain; charset=iso-8859-1\r\n";
$headers .= "From: $name <$email>\r\nReply-to : $name <$email>\nX-Mailer:PHP";
$subject="demande de renseignement";
$destinataire="j.dalverny@collaborateur-architecte.com";
$body="$message";
if(mail($destinataire,$subject,$body,$headers)) {
$response['status'] = 'success';
$response['msg'] = 'your mail is sent';
} else {
$response['status'] = 'error';
$response['msg'] = 'Something went wrong';
}
echo json_encode($response);
}
?>
名为mail.php的我的php文件:
<!-- body -->
<body>
<!-- contact -->
<div class="block">
<footer class="footer">
<h2 class="heading-site">Contactez-moi</h2>
<div class="footer-contact-form">
<form>
<div class="field">
<label class="label">Votre nom</label>
<div class="control">
<input id="name" class="input" type="text" placeholder="votre prénom" name="name">
</div>
</div>
<div class="field">
<label class="label">Votre Prénom</label>
<div class="control">
<input id="firstname" class="input" type="text" placeholder="votre nom" name="firstname">
</div>
</div>
<div class="field">
<label class="label">Votre email</label>
<div class="control">
<input id="email" class="input" type="text" placeholder="votre-email@mail.fr" name="email">
</div>
</div>
<div class="field">
<label class="label">Votre message</label>
<div class="control">
<textarea id="message" class="textarea" placeholder="Décrivez votre entreprise et expliquez en quoi puis-je vous aider" name="message"></textarea>
</div>
</div>
</form>
<button class="button is-link" id="send_email">Envoyer !</button>
</div>
<div class="footer-informations">
<p>65 rue des peupliers</p>
<p>75015 Paris</p>
<ul>
<li>
<a href="#">
<i class="fab fa-facebook-square"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-twitter-square"></i>
</a>
</li>
</ul>
</div>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="src/js/main.js"></script>
</body>
<!-- body -->
// send mail with ajax
$('#send_email').click(function(e){
e.preventDefault();
var data = {
email: $('#email').val(),
name: $('#name').val(),
firstname: $('#firstname').val(),
message: $('#message').val()
};
// AJAX
$.ajax({
url: "mail.php",
type: 'POST',
data: data,
success: function(data) {
$('#js_alert_success').css({'display' : 'block'});
setTimeout(function(){
$('#js_alert_success').css({'display' : 'none'});
$('#email').val("");
$('#name').val("");
$('#firstname').val("");
$('#message').val("")
}, 3000);
},
error: function(data) {
$('#js_alert_danger').css({'display' : 'block'});
setTimeout(function(){
$('#js_alert_danger').css({'display' : 'none'});
$('#email').val("");
$('#name').val("");
$('#firstname').val("");
$('#message').val("")
}, 3000);
}
});
});
<?php
if($_POST){
$firstname = $_POST['firstname']
$email = $_POST['email'];
$name = $_POST['name'];
$message = $_POST['message'];
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/plain; charset=iso-8859-1\r\n";
$headers .= "From: $name <$email>\r\nReply-to : $name <$email>\nX-Mailer:PHP";
$subject="demande de renseignement";
$destinataire="j.dalverny@collaborateur-architecte.com";
$body="$message";
if(mail($destinataire,$subject,$body,$headers)) {
$response['status'] = 'success';
$response['msg'] = 'your mail is sent';
} else {
$response['status'] = 'error';
$response['msg'] = 'Something went wrong';
}
echo json_encode($response);
}
?>
我请按照下面的邮件发送示例进行操作,如果您对其中任何部分理解有问题,请告知我 PHP部分
require_once "Mail.php"; // PEAR Mail package
require_once ('Mail/mime.php'); // PEAR Mail_Mime packge
$name = $_POST['name']; // form field
$email = $_POST['email']; // form field
$message = $_POST['message']; // form field
if ($_POST['submit']){
$from = "myemail@mydomain.com"; //enter your email address
$to = "john@myfriendsdomain.com"; //enter the email address of the contact your sending to
$subject = "Contact Form"; // subject of your email
$headers = array ('From' => $from,'To' => $to, 'Subject' => $subject);
$text = ''; // text versions of email.
$html = "<html><body>Name: $name <br> Email: $email <br>Message: $message <br></body></html>"; // html versions of email.
$crlf = "\n";
$mime = new Mail_mime($crlf);
$mime->setTXTBody($text);
$mime->setHTMLBody($html);
//do not ever try to call these lines in reverse order
$body = $mime->get();
$headers = $mime->headers($headers);
$host = "localhost"; // all scripts must use localhost
$username = "myemail@mydomain.com"; // your email address (same as webmail username)
$password = "23ert5"; // your password (same as webmail password)
$smtp = Mail::factory('smtp', array ('host' => $host, 'auth' => true,
'username' => $username,'password' => $password));
$mail = $smtp->send($to, $headers, $body);
if (PEAR::isError($mail)) {
echo("<p>" . $mail->getMessage() . "</p>");
}
else {
echo("<p>Message successfully sent!</p>");
}
}
require_once“Mail.php”;//梨形邮包
需要_once('Mail/mime.php');//梨邮包
$name=$_POST['name'];//表单字段
$email=$_POST['email'];//表单字段
$message=$_POST['message'];//表单字段
如果($_POST['submit'])){
$from=”myemail@mydomain.com“;//输入您的电子邮件地址
$to=”john@myfriendsdomain.com“;//输入发送给您的联系人的电子邮件地址
$subject=“联系方式”;//电子邮件的主题
$headers=array('From'=>$From,'To'=>$To,'Subject'=>$Subject);
$text='';//电子邮件的文本版本。
$html=“Name:$Name
电子邮件:$Email
消息:$Message
”;//电子邮件的html版本。
$crlf=“\n”;
$mime=新邮件\u mime($crlf);
$mime->setTXTBody($text);
$mime->setHTMLBody($html);
//永远不要试图以相反的顺序调用这些行
$body=$mime->get();
$headers=$mime->headers($headers);
$host=“localhost”;//所有脚本都必须使用localhost
$username=”myemail@mydomain.com“;//您的电子邮件地址(与webmail用户名相同)
$password=“23ert5”//您的密码(与webmail密码相同)
$smtp=Mail::工厂('smtp',数组('host'=>$host,'auth'=>true,
'username'=>$username,'password'=>$password));
$mail=$smtp->send($to、$headers、$body);
if(PEAR::isError($mail)){
echo(“”$mail->getMessage()””;
}
否则{
echo(消息已成功发送!);
}
}
HTML部分
<form action="qservers_mail.php" method="post">
<table border="0" style="background:#ececec" cellspacing="5">
<tr align="left"><td>Name</td><td><input type="text" size="30" name="name"></td></tr>
<tr align="left"><td>Email address</td><td><input type="text" size="30" name="email"></td></tr>
<tr align="left"><td valign="top">Comments</td><td><textarea name="message" rows="6" cols="30"></textarea></td></tr>
<tr align="left"><td> </td><td><input type="submit" value="Send" name='submit'></td></tr>
</table>
</form>
名称
电子邮件地址
评论
它不是完整的index.html。我只是给你看文件中有关的部分:)我认为这不是写这篇文章的合适地方,因为你很可能需要遵循tutorial@titiyoyo我是stackoverflow的新手,我首先尝试在已经提出的问题中找到一个解决方案,但我没有找到一个与我的问题对应的情况。所以我发布了我的问题,但我没有选择的位置。谢谢你的帮助,但是没有ajax js部分?使用你的代码,用这个PHP代码替换ajax中的PHP代码应该可以工作,如果你仍然有问题,我会稍后为你复制你的代码谢谢你我只是通过保留代码解决了我的问题,我修改了标题,现在它可以工作了。我不明白我穿的是什么毛病。