验证

最新推荐文章于 2021-02-25 19:40:44 发布
最新推荐文章于 2021-02-25 19:40:44 发布
阅读量255 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38820218/article/details/78409613
版权
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>修改密码</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/dist/css/font-awesome/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="${pageContext.request.contextPath }/dist/css/iconfont.css">
  <!-- Ionicons -->
<!--   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> -->
  <!-- Theme style -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect.
  -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/skins/skin-blue.min.css">


  <!-- Ajax验证密码 -->
  <script type="text/javascript" src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
  <script type="text/javascript">

  $(function(){
$("#sbt").attr("disabled",true); 
 $("#newPassword2").keyup(function(){
 
var  password1=$("#newPassword1").val();
var  password2=$("#newPassword2").val();
var reg1 =new  RegExp(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/);
/*  var reg2=new  RegExp(/^[0-9]+$/); */
if(password1=="" || password2==""){
$("#spOldPassword").html("新密码不能为空").css({'color':'red'});
$("#sbt").attr("disabled",true); 
}else  if(password1 !=password2){
$("#spOldPassword").html("两个新密码不一致").css({'color':'red'});
$("#sbt").attr("disabled",true); 
}else  if(password2.length<8){
$("#spOldPassword").html("密码长度不能小于8").css({'color':'red'});
$("#sbt").attr("disabled",true); 

}else if(password2.length>16){
$("#spOldPassword").html("密码长度不能大于16").css({'color':'red'});
$("#sbt").attr("disabled",true); 
}
else if(!reg1.test(password2)){
$("#spOldPassword").html("新密码中必须包含字母和数字").css({'color':'red'});
$("#sbt").attr("disabled",true); 
}/* else if(!reg2.test(password2)){
$("#spOldPassword").html("新密码中必须包含数字").css({'color':'red'});
$("#sbt").attr("disabled",true); 
} */else{
$("#spOldPassword").html("可以使用").css({'color':'green'});
$("#sbt").attr("disabled",false); 
}
})
$("#newPassword1").keyup(function(){
 
var  password1=$("#newPassword1").val();
var  password2=$("#newPassword2").val();
var reg1 =new  RegExp(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/);
/* var reg2=new  RegExp(/^[0-9]+$/); */
if(password1=="" || password2==""){
$("#spOldPassword").html("新密码不能为空").css({'color':'red'});
$("#sbt").attr("disabled",true); 
}else  if(password1 !=password2){
$("#spOldPassword").html("两个新密码不一致").css({'color':'red'});
$("#sbt").attr("disabled",true); 
}else  if(password1.length<8){
$("#spOldPassword").html("密码长度不能小于8").css({'color':'red'});
$("#sbt").attr("disabled",true); 
}else if(password2.length>16){
$("#spOldPassword").html("密码长度不能大于16").css({'color':'red'});
$("#sbt").attr("disabled",true); 
}else if(!reg1.test(password1)){
$("#spOldPassword").html("新密码中必须包含字母和数字").css({'color':'red'});
$("#sbt").attr("disabled",true); 
}else{
$("#spOldPassword").html("可以使用").css({'color':'green'});
$("#sbt").attr("disabled",false); 
}
})
  })
  
  $(function(){
  $("#sbt").attr("disabled",true); 
  $("#sbt").click(function(){
 
  $.ajax({
  type:'post',
  dataType:'json',
  data:{'oldPassword':$('#oldPassword').val(),'newPassword':$('#newPassword1').val()},
  url:'${pageContext.request.contextPath}/company/validateOldPassword.action',
  success:function(result){
  if(result.trim()=="yes"){
  alert("恭喜!修改成功,请重新登录")
  location="${pageContext.request.contextPath }/logout.action";
  }else{
  $("#spOldPassword").html("原密码错误,请重新输入").css({'color':'red'});
  $("#sbt").attr("disabled",true); 
  $("#newPassword2").val("");
  }
  }
  })
  })
  });
  </script>


  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>


<body class="hold-transition skin-blue sidebar-mini">
<section class="wrapper">


  <!-- Main Header -->
  <header class="main-header">


    <!-- Logo -->
    <a href="${pageContext.request.contextPath}/Info/infolist.action" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>A</b>LT</span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>数据驾驶舱平台</b></span>
    </a>


    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- Navbar Right Menu -->






      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- Notifications Menu -->
          <li class="dropdown notifications-menu">
            <!-- Menu toggle button -->
            <a href="${pageContext.request.contextPath}/sysboard_jsp/change_pwd.jsp">
              <i class="fa fa-cog">&nbsp;修改密码</i>
            </a>


          </li>
          <!-- Tasks Menu -->
          <li class="dropdown tasks-menu">
            <!-- Menu Toggle Button -->
             <a href="${pageContext.request.contextPath}/logout.action">
              <i class="fa fa-power-off">&nbsp;</i>退出登录
            </a>
          </li>
          <!-- User Account Menu -->


          <!-- Control Sidebar Toggle Button -->
        </ul>
      </div>
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">


    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">


      <!-- Sidebar user panel (optional) -->
      <div class="user-panel" style="margin-top: 10px">
        <div class="pull-left image">
         <img src="${pageContext.request.contextPath}/dist/img/user.png" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info" style="margin-left: 30px">
          <p>${companyInfomation.name }</p>
          <p>${companyInfomation.job }</p>
          <p>${companyInfomation.corpname }</p>
          <!-- Status -->
         <!-- <i href="#"><i class="fa fa-circle text-success"></i>online</i></a>-->
        </div>
      </div>


      <!-- search form (Optional) 搜索功能 -->
      <!--<form action="#" method="get" class="sidebar-form">
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="Search...">
              <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
        </div>
      </form>-->
      <!-- /.search form -->


      <!-- Sidebar Menu -->
      <ul class="sidebar-menu" style="margin-top: 20px">


        <!-- Optionally, you can add icons to the links -->
       <!-- <li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li>
        <li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li>
-->
        <li class="treeview active">
          <a href="#"><i class="fa fa-link"></i> <span>数据仓驾驶平台</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="${pageContext.request.contextPath}/Info/infolist.action">通知中心</a></li>
            <li class="active"><a href="#">个人中心
              <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
              </span>
            </a>
              <ul class="treeview-menu">
                <li><a href="${pageContext.request.contextPath}/company/changeInfoPage.action?phone=${companyInfomation.phone}">修改资料</a></li>
                <li class="active"><a href="${pageContext.request.contextPath}/sysboard_jsp/change_pwd.jsp">修改密码</a></li>
              </ul>
            </li>
            <li><a href="#">数据管理
              <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
              </span>
            </a>
              <ul class="treeview-menu">
                <li><a href="${pageContext.request.contextPath}/cid_dataRelation.action?cid=${companyInfomation.id}">数据关系图</a></li>
                <li><a href="${pageContext.request.contextPath}/pages.action?cid=${companyInfomation.id}">数据表管理</a></li>
                <li><a href="${pageContext.request.contextPath}/analysisTasks/queryShow.action?firstcondition=${companyInfomation.id}">数据分析任务</a></li>
              </ul>
            </li>
          </ul>
        </li>






      </ul>
      <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
  </aside>


  <!-- Content Wrapper. Contains page content -->


  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
       ${companyInfomation.corpname }
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 数据仓驾驶平台</a></li>
        <li><a href="#">个人中心</a></li>
        <li class="active">修改密码</li>
      </ol>
    </section>


    <section class="content">
    <!-- Main content -->
    <div class="register-box">


        <center><h3>修改密码</h3></center>



      <div class="register-box-body">



        <form action="${pageContext.request.contextPath}/company/changePwd.action" method="post">
          <div class="form-group has-feedback">
         
            <input  id="oldPassword"    name="oldPassword"  type="password" class="form-control" placeholder="原密码">
            <span  class="glyphicon glyphicon-user form-control-feedback"></span>
           
          </div>
          <div class="form-group has-feedback">
            <input   id="newPassword1"     name="newPassword"  type="password" class="form-control" placeholder="新密码">
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
          </div>
          <div class="form-group has-feedback">
            <input   id="newPassword2"     name="newPassword"  type="password" class="form-control" placeholder="确认新密码">
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
           
          </div>


          <div class="row">
 
            <!-- /.col -->
            <div class="col-xs-12">
              <button type="button" class="btn btn-primary btn-block btn-flat"  id="sbt">修改密码</button>
            </div>
            <span  id="spOldPassword"   style="margin-left: 12px;margin-top: 20px">        </span>
            <!-- /.col -->
          </div>
        </form>




      </div>
      <!-- /.form-box -->
    </div>




</section>
  </div>


  <!-- /.content-wrapper -->


  <!-- Main Footer -->
  <footer class="main-footer">


    <!-- Default to the left -->
    <strong>Copyright &copy; 2017 <a href="#">Company</a>.</strong> All rights reserved.
  </footer>


  <!-- Control Sidebar -->


  <!-- /.rol-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->


<!-- REQUIRED JS SCRIPTS -->


<!-- jQuery 2.2.3 -->
<script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="${pageContext.request.contextPath}/dist/js/app.min.js"></script>


<!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. Slimscroll is required when using the
     fixed layout. -->
</body>
</html>
weixin_38820218
关注
Angular07 利用angular打造管理系统页面
weixin_30378623的博客
08-22 404
1 创建一个新的angular应用 　　ng new adminSystem 2 利用WebStorm打开adminSystem应用 3 借助AdminLTE这个开源项目来辅助开发 　　AdminLTE项目：点击前往 　　将AdminLTE项目的精简版本源代码复制到adminSystem应用主模块的主组件的模板中 　　　　AdminLTE项目的精简版本效果图 ...
项目中前端ftl模板了解
weixin_43862596的博客
12-22 3556
在项目中如前端页面list.ftl，代码部分如下： <!DOCTYPE html> <html> <#import "/spring.ftl" as spring> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Tell the browser to be responsive to scree
AdminLTE的使用
weixin_30245867的博客
10-28 387
官方文档link1.AdminLTE的必要配置文件<!-- Tell the browser to be responsive to screen width --> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewpo...
AdminLTE 入门教程
热门推荐
Jinming Su
04-01 13万+
注：由于最近要使用AdminLTE，文档只有英文的(而且并不是十分详细)，就写一个快速入门的 官网实例：https://www.almsaeedstudio.com/themes/AdminLTE/index2.html模板<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatib
宁波实习培训记录（六）——增删改查加分页
GUANYX的博客
07-16 358
在昨天实现查找的基础上实现增、删、改。并实现分页操作。此处不再给出结构，可参看上一篇博客 效果图 一、准备工作 导入架包 在pom.xml中加上下面这段 <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId&...
数字IC验证+UVM验证+异步FIFO验证+笔试分享
06-12
思朗科技，2022提前批，数字IC验证，笔试题：异步FIFO的UVM环境搭建及验证。 给了一个异步FIFO的代码工程，要求自己搭建UVM验证环境去验证这个设计，结果包括覆盖率收集以及错误点等等。 适合2023届目标IC验证领域的...
数字IC验证+UVM验证+异步FIFO的UVM环境搭建及验证
09-26
2022提前批，数字IC验证，笔试题：异步FIFO的UVM环境搭建及验证。 给了一个异步FIFO的代码工程，要求自己搭建UVM验证环境去验证这个设计，结果包括覆盖率收集以及错误点等等。 适合2023届目标IC验证领域的小伙伴做一...
成品EXE一键添加本地验证工具
最新发布
06-06
虽然不是网络验证，但是网络验证该有的功能他都有，公告、更新、弹网页、限制机器码都是通过微云笔记里按照规则格式写内容，然后用微云笔记的分享链接来实现的，并不需要您购买服务器，和网络验证那种需要购买服务器...
vue滑块验证，图片验证，图片旋转验证，滑动验证
04-26
其中，“vue滑块验证，图片验证，图片旋转验证，滑动验证”是常见且有效的防止恶意机器人或自动化程序进行短信盗刷的手段。这些验证方式旨在增加额外的人工交互环节，降低自动化工具的成功率。 **Vue.js** 是一个...
Imagenet验证集标签信息整理
07-11
《深度学习图像识别：理解ImageNet验证集及其标签信息》 ImageNet是一个庞大的图像数据库，由超过1400万个手工标注的高分辨率图像组成，涵盖2万多个类别。这个数据库的设计目的是为了推动计算机视觉领域的研究，...
基于AdminLTE的开发框架-AdminEAP
jrn1012的专栏
08-22 6万+
AdminEAP是基于AdminLTE的开发框架，目前所包含的系统功能有：Component组件集成、CURD增删改查demo、系统工具、工作流、系统权限与安全、Github源码与License、联系我们，提供了前端、后端整体解决方案，使得web开发更简单。
django搭建一个资产管理系统3.IP管理
夜雨声声到天明
10-24 1102
承上启下,接下来进行自动化IP管理模块的开发 按照传统模式的话,新增了一台server如果在Excel表(或者其他类似的)对IP进行管理的话很麻烦,因为稍不注意就忘...
前后端项目不分离（中-2）
qq_44811769的博客
02-25 1457
1.下载mongoose模块 2.在项目中创建数据库操作模块：sql（文件夹）/db.js(连接数据库) + pro.js(创建集合) + sql.js(数据库增删改查的封装) 3.创建集合之前，先设计集合结构（pro.js） 4.将集合模块暴露，准备实现数据的操作 在数据库操作的pro.js 引入数据库的连接模块 ，创建集合，集合中写入设计的模板，暴露模块 数据在路由文件pro.js中插入，所以刚刚数据库操作模块都要引入，我做的是商品插入，所以每一个要有唯一的id与之对应，我这里用了下载了node-uu
SSM框架实战2--用户的增删改查与显示分页
DragonLong666的博客
03-01 345
步骤 前提 前面基础框架的搭建与用户的登录已在实战1中实现–链接 dao层方法 一个一个方法先实现 package com.gongmao.dao; import com.gongmao.pojo.UserInfo; import java.util.List; //IUserInfoDao - 接口，数据库访问层，直接可以访问数据库 public interface IUserInfoDa...
03-10-Spring AOP
张宵生的博客
09-25 170
03-10-Spring AOP1 Spring AOP简介1.1AOP 概述1.1.1AOP 是什么？1.1.2AOP 应用场景分析？1.1.3Spring AOP 应用原理分析(先了解)？1.2Spring 中AOP 相关术语分析2 Spring AOP快速实践2.1业务描述2.2项目创建及配置2.3扩展业务分析及实现2.3.1创建日志切面类对象2.3.2业务切面测试实现2.3.3应用总结分析2.4扩展业务织入增强分析2.4.1基于JDK代理方式实现2.4.2基于CGLIB代理方式实现3Spring A
使用jquery的load方法设计动态加载，并解决被加载页面JavaScript失效问题
weixin_30566149的博客
03-01 478
一、问题分析 对于后台系统，相比大家都有所印象，知道其中的布局结构，如图： 在这种布局中我们需要将header，sidebar，footer分开，而且对于中间部分的content内容需要动态变化，即根据不同菜单定位到不同页面，而整体布局不会变化 这种布局结构对于单纯的HTML不具备这种嵌入各部分内容的能力，所以就需要我们自己来寻找或者解决这种问题，由于jquery的兼容性和使用广度比较不...
web 拖动
KickAC的博客
10-19 574
<!-- This is a starter template page. Use this page to start your new project from scratch. This page gets rid of all links and provides the needed markup only. --> 拖动
[nginx] 对UA为空的请求返回403
orangleliu 笔记本
04-03 5500
nginx blocking blank user agent . sometime apps’ backgroud request always visit a url, and these requests’ user agent is black, so I want block them. 针对一个location的nginx配置 location / {
JavaScript实现用户登录验证函数
这些验证函数将确保用户输入的数据符合特定格式要求，提高用户体验并减少服务器端的无效请求。" 在网页开发中，前端验证是必不可少的一环，它能够即时反馈给用户输入是否有效，避免了无效数据提交到服务器，降低了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值