TP3.2 Example analysis of how to implement online message submission verification code function

This article mainly introduces the verification code verification for writing and submitting in TP3.2 in detail. It has certain reference value. Interested friends can refer to

How to implement the verification code successful verification function. ? Submit verification code? This article gives you the answer.

Let me sort out what I have mastered today, otherwise I will forget everything:

When I was working on a corporate website today, there was an online message function, which I needed when submitting it at the end. enter confirmation code. As shown in the picture below:

Of course, the special connection is not my backend

Okay, here we go, first I need to display the verification code, Front-end page:

<p class="message-con clearfix">
 <p class="mcon-left pic pull-left"><img class="vcenter lazy"  src="/static/imghwm/default1.png"  data-src="/Public/Admin/xx/images/message.png"    alt="" /></p>
 <p class="mcon-right pull-right">
 <form method="post" action="{:U(&#39;validate&#39;)}" name=&#39;valiate&#39;> 
 <label><span>姓名</span><input type="text" name="xingming" class="mname" value=""/><em>*</em></label>
 <label><span>联系电话</span><input type="text" name="tel" class="mtel" /><em>*</em></label>
 <label><span>联系地址</span><input type="text" name="dizhi" class="madd" /></label>
 <label><span>邮箱地址</span><input type="text" name="youxiang" class="memail" /></label>
 <label><span>留言内容</span><textarea name="content" class="mcontent"></textarea><em>*</em></label>
 <label class="mcodela"><input type="text" name="code" class="mcode" />
  <img src="/static/imghwm/default1.png"  data-src="{:U(&#39;verify&#39;)}"  class="lazy"   onClick="this.src=this.src+&#39;?&#39;+Math.random();" alt="" />
  <a href="#" rel="external nofollow" >看不清楚？换一张</a><em>*</em></label>
 <label><input type="submit" class="msub" name="tj" value="在线提交" /></label>
 </form>
 </p>
 </p>
 </p>

The click event, name, and submit button have all been changed. Let’s go to the controller;

Come to the controller Here, do one thing first, introduce the model:

use Otcms\Model;

What? There is no model class. Write it yourself:

<?php
namespace Otcms\Model;
use Think\Model;
class UserModel extends Model{
 protected $_validate = array(

  array(&#39;xingming&#39;,&#39;require&#39;,&#39;姓名不可空！&#39;),
  array(&#39;tel&#39;,&#39;require &#39;,&#39;手机号不可空！&#39;),
  array(&#39;dizhi&#39;,&#39;require&#39;,&#39;地址不可空！&#39;),
  array(&#39;youxiang&#39;,&#39; require&#39;,&#39;邮箱不可空！&#39;),
  array(&#39;content&#39;,&#39;require&#39;,&#39;内容不可空！&#39;),
 );
}

Set verification code:

Display:

 public function verify(){

  $config = array(
   'fontSize' => 30, // 验证码字体大小
   'length'  => 4,  // 验证码位数
  );

  $verify = new\Think\Verify($config);
  $verify->entry();

 }

Write the conditions below:

 public function validate(){
  $date['xingming'] = I('post.xingming');
  $date['tel'] = I('post.tel');
  $date['dizhi'] = I('post.izhi');
  $date['youxiang'] = I('post.youxiang');
  $date['content'] = I('post.content');
  $yzm = I('post.code');

  $fkyz = D("Liuyan");

  if (!$fkyz->create()){
   // 如果创建失败 表示验证没有通过 输出错误提示信息
   exit($fkyz->getError());

  }else{
  
   // 验证通过 可以进行其他数据操作
   $verify = new \Think\Verify();
   $yzmyz = $verify->check($yzm);

   if(!$yzmyz){

    $this->error('验证码错误');

   }
   else{
    $validate = M("liuyan");
    $validate->add($date);
    $this->success('添加成功');

   }
  }
 }

picture:

The above is the detailed content of TP3.2 Example analysis of how to implement online message submission verification code function. For more information, please follow other related articles on the PHP Chinese website!