前面两讲里面的验证码是无法通过点击刷新的,只能通过刷新页面进行验证码的刷新。有时候我们生成的验证码比较复杂导致用户看不清的时候,用户可以通过点击验证码图片的方式进行验证码的刷新。
验证码的刷新可以采用javascript的代码,这样不需要导入外部的文件,比较简洁。也可以通过jquery进行刷新,但后者需要导入一个jquery脚本。
效果如下:
点击验证码图片后
正常登陆:
代码的修改只对Login下面的Index视图进行变更:
1、采用javascript进行刷新
在<head>标签里面新增script标签
注意,如果是MVC2的话,上面的头部不是
@{
layout=null
}
而是下面这种:
2、对显示验证码的图片设置ID和onclick事件
3、注意以下两个地方是对应的
**********************下面是jqery的写法*****************************
1、导入jquery文件及编写函数
2、mvc架构新建的时候会自动导入很多脚本,其中jquery就已经导入了,在项目文件夹的Scripts里面,下面这两个都可以使用
3、对显示验证码的图片设置ID和onclick事件
课堂视频链接:
链接:https://pan.baidu.com/s/1mYh4EVc_7OEkTB0G7_bIIA
提取码:gipb
复制这段内容后打开百度网盘手机App,操作更方便