设计验证码的方法

设计验证码的方法

开发工具与关键技术：MVC
作者：本人
撰写时间：2019.6.2

验证码是用了拦截机器登录而设置的，所以大部分设置在登录页面上。
下面是任何设置验证码的方法。
首先，我们要先设置HTML页面的代码：

   <input type="text" name="validCode" id="validCode" value="" class="form-control" placeholder="验证码" />
    <div class="input-group-addon p-0"><img src="/Main/CreateValidCodeImage" width="100" height="38" id="validCodeImg" /></div>

在上面的代码中img的src="/Main/CreateValidCodeImage"，是用来获取控制器发送来的图片，可是img自身是无点击事件的所以无法通过点击验证码来实现切换效果，只有在刷新页面的时候来路径。
所以要给img标签一个id=“validCode”，通过ID来添加点击事件，然后再通过prop请求去改变img的路径。
代码如下：

$("#validCodeImg").click(function () {
     $(this).prop("src", "/Main/CreateValidCode