手机版

用PHPMailer在网站上实现“给我发送邮箱”功能和简单的表单验证

2019-09-01 阅读 :

日常接触的网页,大多数是PHP开发的。而网站上少不了联系方式,PHP内置了Mail()函数,通过简单的代码,可以实现发送邮件的功能!但不方便的是一来需要编写大量的代码,存在注入等安全问题,需要邮件系统的支持才可以。下面介绍一个用PHPMailer实现“给我发送邮箱”功能,并使用jQuery Validate 插件为表单内容进行简单的验证。

PHPMailer是一个用于发送电子邮件的PHP电子邮件创建和传输类。直接用PHP就可以发送,无需搭建复杂的Email服务。使用它可以更加便捷的发送邮件,免去很多额外的麻烦。通过调用相关函数可以设定发送邮件地址、回复地址、邮件主题、html网页,上传附件,并且使用起来非常方便。

准备工作:

1、下载代码:https://github.com/PHPMailer/PHPMailer/

在官方上提供了很详细的使用手册和案例。有兴趣的也可以看看

2、因为是SMTP发信,按照官方的介绍,所以只需要src下的三个文件。当然如果有需要,可以把language 下的phpmailer.lang-zh_cn.php的语言包也复制过去

 

3、PHP环境

大部分的集成环境默认都是开启sockets和openssl 的,如果是没有开启的,可以在php.ini开启


 

部署:

准备工作做完就可以准备代码了

1、在此我们需要一个发送账号和一个接收邮箱,当然你也可以用一个,自己发给自己。不过并不建议,发送账号需要密码或者QQ的授权码,很容易泄漏。

QQ需要开启SMTP服务,获取生成的授权码,网上有很多教程。我用的是阿里云企业邮箱。所以就不介绍QQ的SMTP的开启方法了

2、在阿里云企业邮箱管理后台分发一个账号

3、为了界面美化和响应式,我引用了bootstrap

1)需要引入的css和js:  

  1. <!-- Bootstrap -->
  2. <link rel="stylesheet" href="css/bootstrap.min.css">
  3. <!-- jQuery -->
  4. <script src="js/jquery-3.3.1.min.js"></script>
  5. <script src="js/bootstrap.min.js"></script>
  6. <script src="js/jquery.validate.min.js"></script>

 

2)表单HTML代码如下:  

  1. <div class="col-md-8 col-md-offset-2">
  2. <h4 class="text-center">给我发邮件</h4>
  3. <form action="javascript:" id="signupForm" method="post">
  4. <div class="form-group row formyf">
  5. <div class="col-md-6">
  6. <label for="exampleInputName">您的称呼:</label>
  7. <input type="text" class="form-control" id="exampleInputName" name="exampleInputName"
  8. placeholder="大于两个字符">
  9. </div>
  10. <div class="col-md-6">
  11. <label for="exampleInputEmail1">您的邮箱:</label>
  12. <input type="email" class="form-control" id="exampleInputEmail1" name="exampleInputEmail1"
  13. placeholder="em@yflad.cn">
  14. </div>
  15. </div>
  16. <div class="form-group">
  17. <label class="left-block" for="exampleInputLink">留言内容:</label>
  18. <textarea class="form-control" rows="3" id="exampleInputLink" name="exampleInputLink"></textarea>
  19. </div>
  20. <span class="help-block text-center" id="result_msg"></span>
  21. <button type="submit" id="ebtn" class="btn btn-primary center-block">发&nbsp;&nbsp;送</button>
  22. </form>
  23. </div>

 

3)JS验证代码:

  1. $.validator.setDefaults({
  2. submitHandler: function () {
  3. $('#ebtn').click(function () {
  4. var exampleInputName = $('#exampleInputName').val();
  5. var exampleInputEmail1 = $('#exampleInputEmail1').val();
  6. var exampleInputLink = $('#exampleInputLink').val();
  7. $.ajax({
  8. type: "post",
  9. url: "phpmail/mail.php", //phpmailer 发送邮件方法,需要改成你自己的地址
  10. data: {
  11. exampleInputName: exampleInputName,
  12. exampleInputEmail1: exampleInputEmail1,
  13. exampleInputLink: exampleInputLink
  14. },
  15. dataType: "json",//回调函数接收数据的数据格式
  16. success: function (msg) {
  17. var data = '';
  18. if (msg !== '') {
  19. data = eval("(" + msg + ")");
  20. }
  21. if (data.su === 'success') {
  22. $('#result_msg').html("您的邮件已经发送成功!");
  23. } else {
  24. $('#result_msg').html("Sorry,服务器可能出了些问题。可以按照上面的方式联系哦!");
  25. }
  26. console.log(data);
  27. },
  28. error: function (msg) {
  29. console.log(msg);
  30. }
  31. });
  32. })
  33. }
  34. });
  35.  
  36. $(document).ready(function () {
  37. $("#signupForm").validate({
  38. rules: {
  39. exampleInputName: {
  40. required: true,
  41. minlength: 2
  42. },
  43. exampleInputEmail1: {
  44. required: true,
  45. email: true
  46. },
  47. exampleInputLink: {
  48. required: true,
  49. minlength: 2
  50. }
  51. },
  52. messages: {
  53. exampleInputName: {
  54. required: "请输入您的称呼",
  55. minlength: "您的称呼必须至少包含2个汉字"
  56. },
  57. exampleInputEmail1: "请输入有效的电子邮件地址",
  58. exampleInputLink: {
  59. required: "请输入您要告知的内容",
  60. },
  61. },
  62. errorElement: "em",
  63. errorPlacement: function (error, element) {
  64. error.addClass("text-danger");
  65.  
  66. if (element.prop("type") === "checkbox") {
  67. error.insertAfter(element.next("label"));
  68. } else {
  69. error.insertAfter(element);
  70. }
  71. }
  72. });
  73. });

阿里云服务器优惠网 http://www.helloaliyun.com

4)PHP发送邮件方法:

  1. <?php
  2. /**
  3. * @Author: yflad (em@yflad.cn)
  4. * @Blog: https://www.yflad.cn
  5. * @Date: 2019-04-02
  6. * @Role: 发送邮件方法
  7. */
  8.  
  9. use PHPMailer\PHPMailer\PHPMailer;
  10. use PHPMailer\PHPMailer\Exception;
  11. use PHPMailer\PHPMailer\SMTP;
  12.  
  13. require_once 'src/PHPMailer.php';
  14. require_once 'src/Exception.php';
  15. require_once 'src/SMTP.php';
  16.  
  17.  
  18. function sendMail($to, $title, $content)
  19. {
  20. $mail = new PHPMailer();
  21. //是否启用smtp的debug进行调试 开发环境建议开启 生产环境注释掉即可 默认关闭debug调试模式
  22. $mail->SMTPDebug = 0;
  23. //使用smtp鉴权方式发送邮件
  24. $mail->isSMTP();
  25. //smtp需要鉴权 这个必须是true
  26. $mail->SMTPAuth = true;
  27. //邮箱的服务器地址
  28. $mail->Host = 'smtp.mxhichina.com'; // 此处为阿里云企业。QQ:smtp.qq.com,网易:stmp.163.com
  29. //设置使用ssl加密方式登录鉴权
  30. $mail->SMTPSecure = 'ssl';
  31. //设置ssl连接smtp服务器的远程服务器端口号,默认是25,SSL填 465或587
  32. $mail->Port = 465;
  33. //设置发送的邮件的编码
  34. $mail->CharSet = 'UTF-8';
  35. //设置发件人姓名(昵称) 任意内容,显示在收件人邮件的发件人邮箱地址前的发件人姓名
  36. $mail->FromName = '亦枫博客';
  37. //smtp登录的账号
  38. $mail->Username = 'XXX@mail.yflad.cn';
  39. //smtp登录的密码 QQ则使用生成的授权码(上文有提过)
  40. $mail->Password = 'XXXXX';
  41. //设置发件人邮箱地址 同登录的账号
  42. $mail->From = 'XXX@mail.yflad.cn';
  43. //邮件正文是否为html编码 true或false
  44. $mail->isHTML(true);
  45. //设置收件人邮箱地址,第一个参数为收件人邮箱地址,第二参数为给该地址设置的昵称,可以省略
  46. $mail->addAddress($to, '亦枫博客');
  47. //添加多个收件人 则多次调用方法即可
  48. // $mail->addAddress('XX@yflad.cn','亦枫');
  49. //添加该邮件的主题
  50. $mail->Subject = $title;
  51. //添加邮件正文 上方将isHTML设置成了true,则可以是完整的html字符串 如:使用file_get_contents函数读取本地的html文件
  52. $mail->Body = $content;
  53. //为该邮件添加附件。第一个参数为附件存放的目录(相对目录、或绝对目录均可),第二参数为在邮件附件中该附件的名称。简单的使用,不建议使用该函数
  54. // $mail->addAttachment('Update','Demo.jpg');
  55. //同样该方法可以多次调用 上传多个附件
  56. // $mail->addAttachment('../pic/Update','Demo2.png');
  57.  
  58. /*简单的判断一下*/
  59. $status = $mail->send();
  60. if ($status) {
  61. $su = "success";//给su赋值“success”;
  62. } else {
  63. $su = "";
  64. }
  65. $data = '{su:"' . $su . '"}';//只返回su变量值来判断是否发送成功,其它值不返回
  66. echo json_encode($data);
  67. }
  68.  
  69. /**
  70. * 这是是你要收件的邮箱,可以自定义邮箱模版。可以参考亦枫博客的 “评论回复邮件模版”
  71. * 不过也就自己看,没有多大需求
  72. */
  73. $to = 'XX@yflad.cn';
  74. $title = '老大,有一封来自介绍网站的邮件';
  75. $content = '发件人:' . $_POST['exampleInputName'] . '<br><br>发件人的邮件/电话:' . $_POST['exampleInputEmail1'] . '<br><br>内容:' . $_POST['exampleInputLink'];
  76.  
  77. sendMail($to, $title, $content);

 

界面效果展示和测试:

小结

本文只是简单的介绍了利用PHPMailer实现网站的发送邮件功能,还有很多可以优化的地方。实际的生产环境还需要些判断和安全措施,比如垃圾邮件的处理,防恶意邮件。并不建议直接复制粘贴上面的代码,用于线上项目。哪天谁闲的没事就一直给你刷邮件吧,哈哈

全完结束,欢迎指教。感谢阅读!

文章来源:亦枫博客

本文标题:用PHPMailer在网站上实现“给我发送邮箱”功能和简单的表单验证 - 服务器教程_服务器技术_服务器知识_vps教程
本文地址:https://www.helloaliyun.com/tutorial/170.html

相关文章

你可能感兴趣