>[warning]建議再加上滑塊驗證碼確保安全,如極簡驗證、騰訊防水墻等
集成了驗證碼功能,但有好多人不會用。這里簡單講解一下。
以會員模塊登錄為例。
~~~
<div class="layui-form-item">
<label for="L_vercode" class="layui-form-label">驗證碼</label>
<div class="layui-input-inline">
<input type="text" id="L_vercode" name="vercode" required lay-verify="required" placeholder="請輸入驗證碼" autocomplete="off" class="layui-input">
</div>
<div class="layui-form-mid captcha">
<img src="{:captcha_src()}" alt="captcha" onclick="this.src=this.src+'?'+'id='+Math.random()"/>
</div>
</div>
~~~
我們這里是以圖片形式接收驗證碼的,也就是,只要給原有的img賦予src就可以了,全站都可以用這個方法{:captcha_src()},直接獲取到驗證碼圖片src。點擊切換無非就是重新獲取這個src,在img上添加onclick="this.src=this.src+'?'+'id='+Math.random()"這句點擊事件,意思是重新請求圖片路徑,并賦值隨機id,以區分驗證碼。
后臺驗證
~~~
public function check($code){
if (!captcha_check($code)) {
return false;
} else {
return true;
}
}
~~~
主要是captcha_check()方法,$code是你輸入并傳到后臺的驗證碼。