java springmvc实现验证码功能

本文实例为大家分享了springMVC实现验证码功能展示的具体代码，供大家参考，具体内容如下

先看效果图：

思路：

首先验证码是一张图片，是一张有着随机字母、数字、图案等组成的图片，所以这图片肯定不是固定不变的，肯定是由后端随机制造出来的，前端用img的src去不断访问这个制造的方法。

第一步：前端页面编写

登录使用的是ajax方法，所以使用的是调用点击事件进行，验证码的图片放在a标签中是为了方便点击变换验证码。显示图片用的是img的src属性，因为使用的是spingmvc所以调用后台方法使用action的方式。

<fORM>   <div id="login_tip">   管理员登录   </div>  <div><input type="text" id="user_code" name="user_code" class="username" placeholder="请输入账号"></div>  <div><input type="passWord" id="user_account" name="user_account" class="pwd" placeholder="请输入密码"></div>       <div id="btn_area">       <input type="text" id="VerificationCode" name="VerificationCode" placeholder="请输入验证码" class="verify">      <a href="javascript:void(0);" rel="external nofollow" onclick="VerificationCode()">       <img id="randCodeImage" alt="验证码" src="VerificationCode/generate.action" width="100" height="40"/>      </a>     </div>     <div >      <input type="button" name="button" id="sub_btn" onclick="login()" value="登录"/>     </div>     <div id="verification_Code"><b></b></div></form>