前面两讲里面的验证码是无法通过点击刷新的,只能通过刷新页面进行验证码的刷新。有时候我们生成的验证码比较复杂导致用户看不清的时候,用户可以通过点击验证码图片的方式进行验证码的刷新。
验证码的刷新可以采用javascript的代码,这样不需要导入外部的文件,比较简洁。也可以通过jquery进行刷新,但后者需要导入一个jquery脚本。
效果如下:
点击验证码图片后
正常登陆:
代码的修改只对Login下面的Index视图进行变更:
1、采用javascript进行刷新
在
标签里面新增script标签2、对显示验证码的图片设置ID和onclick事件
3、注意以下两个地方是对应的
**********************下面是jqery的写法*****************************
1、导入jquery文件及编写函数
2、mvc架构新建的时候会自动导入很多脚本,其中jquery就已经导入了,在项目文件夹的Scripts里面,下面这两个都可以使用
3、对显示验证码的图片设置ID和onclick事件