頁面顯示驗證碼:

 <div class="input-group has-feedback ">
<input id="yzm" type="text" name="yzm" class="form-control" placeholder="驗證碼" style="width:100px;" />
<!--<span class="glyphicon glyphicon-qrcode form-control-feedback" style="right:120px;"></span>-->
<span><img id="src" class="verify" src="{:U(verify)}" alt="驗證碼" /></span>
<span id="btn">換一張</span> </div> <script> $("#btn").click(function(){
var a = Math.ceil(Math.random()*100); $(".verify").attr("src","__CONTROLLER__/verify/a/"+a+""); }) </script>
  

 當然:src="{:U(verify)}" 也可以換成src="__CONTROLLER__/verify";

驗證碼也可以換成是點選圖片換一張,程式碼如下:<span><img class="verify" src="{:U(verify)}" alt="驗證碼" Onclick="this.src=this.src+'?'+Math.random()" "/></span>

還可以用js    <script>

$("#src").click(function(){

var a = Math.ceil(Math.random()*100);紅色的程式碼代表是隨機數,藍色的代表向上取整

$(tihs).attr("src","__CONTROLLER__/verify/a/"+a+"");

})

</script>

控制器驗證碼的操作方法:例項化Verify物件和$verify->entry(); 就可以顯示出驗證碼

    public function verify()
{
// 例項化Verify物件
$verify = new \Think\Verify(); // 配置驗證碼引數
$verify->fontSize = 14; // 驗證碼字型大小
$verify->length = 4; // 驗證碼位數
$verify->imageH = 34; // 驗證碼高度
$verify->useImgBg = false; // 開啟驗證碼背景
$verify->useNoise = false; // 關閉驗證碼干擾雜點
$verify->entry(); }