登陆界面如何生成动态验证码 |
您所在的位置:网站首页 › gec注册码怎么生成 › 登陆界面如何生成动态验证码 |
在设计登录界面时验证码是必不可少,本实例将简单的生成动态验证码。 根据个人需求将生成验证码代码放到不同的的地方,可以放到前段控制器中通过请求方式生成验证码,也可已将代码放到一个JSP页面通过应用JSP页面生成验证码 工具:J2EE 通过jsp生成验证码源代码: 验证码运行结果: 1.登录界面 源代码: 登录界面 $(function(){ $("#loginform_submit").click(function(){ if(checkInput()){ $("#form1").submit(); }else{ return false; } } ); }); function checkInput(){ var flag = true; //判断用户名 if($("input[name=username]").val()==null || $("input[name=username]").val()==""){ alert("用户名不能等于空"); $("input[name=username]").focus(); flag =false; return ; } //判断密码 if($("input[name=password]").val()==null || $("input[name=password]").val()==""){ alert("密码不能等于空"); $("input[name=password]").focus(); flag =false; return ; } //判断验证码 if($("#validationCode").val()==null || $("#validationCode").val()==""){ alert("验证码不能为空"); $("#validationCode").focus(); flag =false; return ; } return flag; } 登录 用户名: 密码: 验证码: function change(){ var pic=document.getElementById("picture"); var i=Math.random();//目的是使页面不一样 pic.src="validate.jsp?id="+i; }运行结果如下: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |