OA系统--验证码验证

最新推荐文章于 2023-08-03 15:25:16 发布

可乐配鸡翅

最新推荐文章于 2023-08-03 15:25:16 发布

阅读量315

点赞数

分类专栏： OA办公系统文章标签： javascript ajax 前端

本文链接：https://blog.csdn.net/qq_39247931/article/details/123123684

版权

OA办公系统专栏收录该内容

21 篇文章 2 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎登录后台管理系统</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="js/jquery.js"></script>
<script src="js/cloud.js" type="text/javascript"></script>

<script language="javascript">
	$(function(){
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	$(window).resize(function(){
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
    })
});
</script>
<%--声明js代码--&>
<script type="text/javascript">
//声明页面加载事件：给图片验证图片增加单击事件
$(function()){
   $("#codeIng").click(function(){
   //获取验证码图片对象
   var img =$("#codeImage");
   //修改scr属性，但不修改uri的值
   img.attr("src",img.attr("src")+""+math.radom())
   })
}）
 //给验证码输入框增加焦点事件完成验证码的校验
 $(function(){
    $("#userCode").blur(function(){
    //获取用户输入验证码信息
    var userCode=$("#userCode").var();
    //发起ajax请求
      if("userCode==null userCode ==""){
         $("#messageSpan").html("验证码不能位空").css("color","red");
      }else if(){
       //发起ajax请求
       $.get(codeCheckServlet,{userCode:userCode},function(data){
          $("messageSpan").html("验证码不正确").css("color","red");
       })
      }
    })
 })
</script>

</head>

<body style="background-color:#1c77ac; background-image:url(images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">



    <div id="mainBody">
      <div id="cloud1" class="cloud"></div>
      <div id="cloud2" class="cloud"></div>
    </div>


<div class="logintop">
    <span>欢迎访问尚学堂OA系统</span>
    <ul>
    <li><a href="#">回首页</a></li>
    <li><a href="#">帮助</a></li>
    <li><a href="#">关于</a></li>
    </ul>
    </div>

    <div class="loginbody">

    <span class="systemlogo"></span>
    <%-- 创建自定义div用来显示提示语--%>
    <div style="text-align:center">
      <span id="messageSpan">1111</span>
    </div>

    <div class="loginbox loginbox2">
    <form action="userServet" method="post">
    <ul>
    <li><input name="empid" type="text" class="loginuser" value="admin" onclick="JavaScript:this.value=''"/></li>
    <li><input name="password" type="password" class="loginpwd" value="密码" onclick="JavaScript:this.value=''"/></li>
    <li class="yzm">
    <span><input name="" type="text" value="验证码" onclick="JavaScript:this.value=''"/></span>
    <%--加载验证码信息--%>
       <cite>
    <img id="codeImg" style="cursor:pointer;" src='codeServlet' alt='' width="115px" height="46px">
      </cite>
    </li>
    <li><input name="" type="button" class="loginbtn" value="登录"  onclick="javascript:window.location='main.html'"  /><label><input name="" type="checkbox" value="" checked="checked" />记住密码</label><label><a href="#">忘记密码？</a></label></li>
    </ul>
    <form>


    </div>

    </div>





</body>

</html>

可乐配鸡翅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
OA系统--验证码验证

<%@ page contentType="text/html;charset=UTF-8" language="java" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he
复制链接

扫一扫

专栏目录