Thinkphp 驗證碼點擊刷新解決辦法

 

HTML代碼如下：

<span>
      <input type="text" name="code" placeholder="驗證碼" style="width:155px;height:35px;"/>//驗證碼輸入框
      <img id="code" src="__CONTROLLER__/verify" width="128" height="35"/>//驗證碼顯示圖片                               
</span>

JS控制點擊刷新代碼如下：

方法一：

<!--驗證碼SRC點擊隨機生成-->
<script type="text/javascript" charset="utf-8">
    var code = document.getElementById("code");
    code.onclick = function(){
        this.src = this.src+'?'+Math.random();
    }
</script>

方法二（推薦使用此方法，簡潔）：

<img id="code" src="__CONTROLLER__/verify" width="128" height="35" onClick="this.src=this.src+'?'+Math.random()"/>//驗證碼顯示圖片