深圳网站建设,龙华网站建设,龙岗网站建设,布吉网站建设

pbootcms留言时先发送手机验证码验证后再留言

来源:深圳黑马品牌网站设计 发布时间:2020-11-29 08:01:21

之前开发一个小功能就是留言后发送短信到手机上。给朋友说了一下,然后他说他有一个客户需求是留言的时候先手机验证一下,避免有人乱留言。这其实是一个好主意,可以过滤掉很多垃圾留言信息。

于是趁热打铁,前两天刚开发了留言发送到手机上以及注册会员时手机验证,正好可以使用到之前用过的方法来实现这一功能。

下面开始讲如何实现。

欢迎随便转载,需要注明来源和出处,我们的目的是让知识和内容得到分享和传播。


这个小功能呢,我看了一下代码,和上一次说的会员注册时需要一个短信验证差不多。代码也极为相似。

安排:

此次需要修改的文件一共有三个:

1:前端文件:template\default\html\message.html

2:  标签解析文件: apps\home\controller\ParserController.php

 3:  控制器文件: apps\home\controller\MessageController.php




第一:修改前端文件

这个比较简单,就是验证码的位置和上一篇文章提到的会员注册是一样的,添加一个发送短信的按钮。我们用:sendBook,之前注册会员短信验证我们用的是sendPhone,参考一下,其实都是一样的方法。


 <div class="form-group">
                    <label for="checkcode">手机验证码</label>
                    <div class="row">
                        <div class="col-6">
                            <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
                        </div>
                        <div class="col-6">
                            <span  class="btn btn-info mb-2" onclick="sendBook();">发送短信</span>
                        </div>
                    </div>
                </div>


image.png

然后在下面的JS中添加

//发送短信验证码
function sendBook(){
  var url='{pboot:sendBook}';
  var username=$("#username").val();
  if(!username){
    alert("请先输入需要注册的手机号!");
    return false;
  }
  $.ajax({
    type: 'POST',
    url: url,
    dataType: 'json',
    data: {
      to: username
    },
    success: function (response, status) {
      if(response.code){
       alert(response.data);
      }else{
       alert(response.data);
      }
    },
     
  });
  return false;
}



第二:解析标签增加一个:sendBook,这个简单,复制上面的改名即可。

image.png


第三:重点来了。控制器文件MessageController.php中我们添加一个发送短信的函数。代码太多,我直接复制下来。




隐藏内容需要登陆后查看
本文关键词: pbootcms 短信留言
相关文章
pbootcms会员注册手机验证码注册。上一篇文章
下一篇文章pbootcms增加上传文件后缀修改功能