第三講：驗證碼點擊刷新

時間 2019-12-07

標籤第三驗證碼點擊刷新简体版

原文原文鏈接

前面兩講裏面的驗證碼是沒法經過點擊刷新的，只能經過刷新頁面進行驗證碼的刷新。有時候咱們生成的驗證碼比較複雜致使用戶看不清的時候，用戶能夠經過點擊驗證碼圖片的方式進行驗證碼的刷新。javascript

驗證碼的刷新能夠採用javascript的代碼，這樣不須要導入外部的文件，比較簡潔。也能夠經過jquery進行刷新，但後者須要導入一個jquery腳本。java

效果以下：jquery

點擊驗證碼圖片後架構

正常登錄：mvc

代碼的修改只對Login下面的Index視圖進行變動：函數

一、採用javascript進行刷新3d

在<head>標籤裏面新增script標籤視頻

注意，若是是MVC2的話，上面的頭部不是blog

@{事件

layout=null

}

而是下面這種：

二、對顯示驗證碼的圖片設置ID和onclick事件

三、注意如下兩個地方是對應的

**********************下面是jqery的寫法*****************************

一、導入jquery文件及編寫函數

二、mvc架構新建的時候會自動導入不少腳本，其中jquery就已經導入了，在項目文件夾的Scripts裏面，下面這兩個均可以使用

三、對顯示驗證碼的圖片設置ID和onclick事件

課堂視頻連接：

連接：https://pan.baidu.com/s/1mYh4EVc_7OEkTB0G7_bIIA 提取碼：gipb 複製這段內容後打開百度網盤手機App，操做更方便

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。