码迷，mamicode.com
首页 > 其他好文 > 详细

测试源码

时间：2019-03-02 10:56:06      阅读：198      评论：0      收藏：0      [点我收藏+]

标签：登录失败   获得   coding   getx   var   tee   style   deb   getc   

代码结构：

技术图片

package com.bie.dao;
//20173522 李秦
import com.bie.po.User;

/** 
* @author BieHongLi 
* @version zx
* 创建一个接口用于声明用户登陆注册的方法
*/
public interface UserDao {

    /***
     * 用户登陆的方法声明
     * @param user
     * @return
     */
    public User login(User user);
    
    /***
     * 用户注册的方法声明
     * @param user
     * @return
     */
    public boolean register(User user);
}

package com.bie.dao.impl;



import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;




import com.bie.dao.UserDao;
import com.bie.po.User;
import com.bie.utils.BaseDao;




/** 
* @author BieHongLi 
* @version
* 
*/
public class UserDaoImpl implements UserDao{




 @Override
    public User login(User user) {
        Connection con=null;
        PreparedStatement ps=null;
        ResultSet rs=null;
        try {
            con=BaseDao.getCon();//1:获取数据库的连接
            //2:书写sql语句
            String sql="select * from user where name=? and password=? ";
            ps=con.prepareStatement(sql);//3：预编译
            //4：设置值
            ps.setString(1, user.getName());
            ps.setString(2, user.getPassword());
            rs=ps.executeQuery();//5:执行sql语句
            User users=null;
            if(rs.next()){
                users=new User();
                //从数据库中获取值设置到实体类的setter方法中
                users.setId(rs.getInt("id"));
                users.setName(rs.getString("name"));
                users.setPassword(rs.getString("password"));
                users.setEmail(rs.getString("email"));
                users.setPhone(rs.getString("phone"));
                
                return user;
            }else{
                return null;
            }
            
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return null;
    }




 /***
     * 插入的方法，即注册
     */
    @Override
    public boolean register(User user) {
        String sql="insert into user values(0,?,?,?,?) ";
        List<Object> list=new ArrayList<Object>();
        list.add(user.getName());
        list.add(user.getPassword());
        list.add(user.getEmail());
        list.add(user.getPhone());
        
        boolean flag=BaseDao.addUpdateDelete(sql,list.toArray());
        if(flag){
            return true;
        }else{
            return false;
        }
    }




 
}


package com.bie.po;
/** 
* @author BieHongLi 
* @version 
*/
public class User 
{


    private Integer id;
    private String name;
    private String password;
    private String email;
    private String phone;
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getPassword() {
        return password;
    }
    public void setPassword(String password) {
        this.password = password;
    }
    public String getEmail() {
        return email;
    }
    public void setEmail(String email) {
        this.email = email;
    }
    public String getPhone() {
        return phone;
    }
    public void setPhone(String phone) {
        this.phone = phone;
    }
    
    //重写toString 方法
    @Override
    public String toString() {
        return "User [id=" + id + ", name=" + name + ", password=" + password + ", email=" + email + ", phone=" + phone
                + "]";
    }
    
    
}


package com.bie.servlet;


import java.io.IOException;


import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import com.bie.dao.UserDao;
import com.bie.dao.impl.UserDaoImpl;
import com.bie.po.User;



/** 
* @author BieHongLi 
* @version  
* 
*/
@WebServlet("/user/userlogin")
public class UserLoginServlet extends HttpServlet{
    
    private static final long serialVersionUID = 1L;


    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException {
        this.doPost(request, response);
    }


    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException {
        User user=new User();
        //获取login.jsp页面提交的账号和密码
        String name=request.getParameter("name");
        String password=request.getParameter("password");
        //测试数据
        System.out.println(name+" "+password);
        //获取login.jsp页面提交的账号和密码设置到实体类User中
        user.setName(name);
        user.setPassword(password);
        
        //引入数据交互层
        UserDao dao=new UserDaoImpl();
        User us=dao.login(user);
        //测试返回的值
        System.out.println(us);
        if(us!=null){
            request.setAttribute("info", "登陆成功");
        }else{
            request.setAttribute("info", "登录失败");
        }
        
        request.getRequestDispatcher("/index/info.jsp").forward(request, response);
    }
    
    
    
}


package com.bie.servlet;


import java.io.IOException;


import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import com.bie.dao.UserDao;
import com.bie.dao.impl.UserDaoImpl;
import com.bie.po.User;


/** 
* @author BieHongLi 
* @version 创建时间：2017年2月21日 下午1:34:17 
* 注册的servlet
*/
@WebServlet("/user/userregister")
public class UserRegisterServlet extends HttpServlet{
    
    private static final long serialVersionUID = 1L;


    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException {
        this.doPost(request, response);
    }


    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException {
        User user=new User();
        //获取login.jsp页面提交的账号和密码
        String name=request.getParameter("name");
        String password=request.getParameter("password");
        String email=request.getParameter("email");
        String phone=request.getParameter("phone");
        
        //获取register.jsp页面提交的账号和密码设置到实体类User中
        user.setName(name);
        user.setPassword(password);
        user.setEmail(email);
        user.setPhone(phone);
        
        //引入数据交互层
        UserDao dao=new UserDaoImpl();
        boolean flag=dao.register(user);
        if(flag){
            request.setAttribute("info", "注册成功");
        }else{
            request.setAttribute("info", "注册失败");
        }
        
        request.getRequestDispatcher("/index/info.jsp").forward(request, response);
    }
    
}


package com.bie.utils;


import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ResourceBundle;



/** 
* @author BieHongLi 
* @version 
* 数据交互层dao层
*/
public class BaseDao
{
	private static String dbUrl="jdbc:mysql://localhost:3306/test";
	 private static String dbUserName="root";
	 private static String dbPassword="1108.shjzh..sql.lq";
	 private static String jdbcName="com.mysql.jdbc.Driver"; 
	 /* 获取数据库的连接*/
	public static Connection getCon() 
	{
		Connection con = null;
		try {
			Class.forName(jdbcName);
			try {
				con = DriverManager.getConnection(dbUrl, dbUserName, dbPassword);
			} catch (SQLException e) {
				e.printStackTrace();
			}
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		}
		System.out.println("已获得数据库的连接");
		return con;
	}
	/* 关闭数据库连接*/
	public static void close(Connection conn,PreparedStatement ps,ResultSet rs)
	{
		 if(rs!=null){//关闭资源，避免出现异常
	            try {
	                rs.close();
	            } catch (SQLException e) {
	                // TODO Auto-generated catch block
	                e.printStackTrace();
	            }
	        }
	        if(ps!=null){
	            try {
	                ps.close();
	            } catch (SQLException e) {
	                // TODO Auto-generated catch block
	                e.printStackTrace();
	            }
	        }
		if(conn!=null)
		{
			try 
			{
				conn.close();
				conn=null; 
			} catch (SQLException e) 
			{
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
	}
    
    
    /***
     * 同意增删改的方法
     * @param sql
     * @param arr
     * @return
     */
    public static boolean addUpdateDelete(String sql,Object[] arr){
        Connection conn=null;
        PreparedStatement ps=null;
        try {
            conn=BaseDao.getCon();//第一步 ：连接数据库的操作
            ps=conn.prepareStatement(sql);//第二步：预编译
            //第三步：设置值
            if(arr!=null && arr.length!=0){
                for(int i=0;i<arr.length;i++){
                    ps.setObject(i+1, arr[i]);
                }
            }
            int count=ps.executeUpdate();//第四步：执行sql语句
            if(count>0){
                return true;
            }else{
                return false;
            }
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return false;
    }
    
  /*  public static void main(String[] args)
    {
        BaseDao.getCon();
		System.out.println("测试数据库链接成功");
    }*/
    
    
}


package com.bie.utils;


import java.io.IOException;


import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;


/** 
* @author BieHongLi 
* @version 创建时间：2017年2月21日 上午11:08:49 
* 
*/
@WebFilter("/*")
public class UTFFilter implements Filter{


    @Override
    public void destroy() {
        // TODO Auto-generated method stub
        
    }


    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, 
            FilterChain filterChain)throws IOException, ServletException {
        //将servletRequest转发为HttpServletRequest
        HttpServletRequest request=(HttpServletRequest)servletRequest;
        request.setCharacterEncoding("utf-8");
        filterChain.doFilter(servletRequest, servletResponse);
    }


    @Override
    public void init(FilterConfig arg0) throws ServletException {
        // TODO Auto-generated method stub
        
    }
    


}




login.jsp:




<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户登陆页面</title>
<style type="text/css">
h1{text-align:left;}
h4{text-align:left;color:red;}
body{background:url(images/1.png)}
a{text-decoration:none;font-size:20px;color:black;}
a:hover{text-decoration:underline;font-size:24px;color:red;}
</style>

</head>
<body>
<form action="user/userlogin" method="post">
    <h1>河北省重大技术需求征集系统</h1>
    <h4>装饰中......</h4>    
    <hr/>
    <table align="left">
        <tr>
            <td>账号：</td>
            <td><input type="text" name="name" id="name"></td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><input type="password" name="password" id="password"></td>
        </tr>
        <tr>
            <td colspan="1">
            </td>
            <td>
                <input type="submit" value="登陆"/>
                <input type="reset" value="重置"/>
                <a href="register.jsp" target="_blank">注册</a>
            </td>
        </tr>
    </table>
</form>
</body>
</html>




main.jsp:




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>河北省重大技术需求征集问卷调查系统</title>
        <!--框架必需start-->
        <link href="css/import_basic.css" rel="stylesheet" type="text/css"/>
        <link href="skins/sky/import_skin.css" rel="stylesheet" type="text/css" id="skin" themeColor="blue"/>
        <script type="text/javascript" src="js/jquery-1.4.js">
        </script>
        <script type="text/javascript" src="js/bsFormat.js">
        </script>
        <!--框架必需end--><!--引入弹窗组件start-->
        <script type="text/javascript" src="js/attention/zDialog/zDrag.js">
        </script>
        <script type="text/javascript" src="js/attention/zDialog/zDialog.js">
        </script>
        <!--引入弹窗组件end--><!--修正IE6支持透明png图片start-->
        <script type="text/javascript" src="js/method/pngFix/supersleight.js">
        </script>
        <!--修正IE6支持透明png图片end-->
        <script>
            function bookmarksite(title, url){
                if (window.sidebar) // firefox
                    window.sidebar.addPanel(title, url, "");
                else 
                    if (window.opera && window.print) { // opera
                        var elem = document.createElement(‘a‘);
                        elem.setAttribute(‘href‘, url);
                        elem.setAttribute(‘title‘, title);
                        elem.setAttribute(‘rel‘, ‘sidebar‘);
                        elem.click();
                    }
                    else 
                        if (document.all)// ie
                            window.external.AddFavorite(url, title);
            }
        </script>
    </head>
    <body>
        <div id="mainFrame">
            <!--头部与导航start-->
            <div id="hbox">
                <div id="bs_bannercenter">
                    <div id="bs_bannerleft">
                        <div id="bs_bannerright">
                            <div class="bs_banner_logo">
                            </div>
                            <div class="bs_banner_title">
                            </div>
                            <div class="bs_nav">
                                <div class="bs_navleft">
                                    <li>
                                        <span id="username">
                                        </span>您好！今天是
                                        <script>
                                            var weekDayLabels = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
                                            var now = new Date();
                                            var year = now.getFullYear();
                                            var month = now.getMonth() + 1;
                                            var day = now.getDate()
                                            var currentime = year + "年" + month + "月" + day + "日 " + weekDayLabels[now.getDay()]
                                            document.write(currentime)
                                        </script>
                                    </li>
                                    <div class="clear">
                                    </div>
                                </div>
                                <div class="bs_navright">
                                    <span class="icon_no hand" onclick=‘top.Dialog.confirm("确定要退出系统吗",function(){window.location="exitServlet"});‘>退出系统</span>
                                    <div class="clear">
                                    </div>
                                </div>
                                <div class="clear">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--头部与导航end-->
            <table width="100%" cellpadding="0" cellspacing="0" class="table_border0">
                <tr>
                    <!--左侧区域start-->
                    <td id="hideCon" class="ver01 ali01">
                        <div id="lbox">
                            <div id="lbox_topcenter">
                                <div id="lbox_topleft">
                                    <div id="lbox_topright">
                                        <div class="lbox_title">
                                            操作菜单
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="lbox_middlecenter">
                                <div id="lbox_middleleft">
                                    <div id="lbox_middleright">
                                        <div id="bs_left">
                                            <IFRAME scrolling="no" width="100%" frameBorder=0 id=frmleft name=frmleft src="leftPages/accordition.html" allowTransparency="true">
                                            </IFRAME>
                                        </div>
                                        <!--更改左侧栏的宽度需要修改id="bs_left"的样式-->
                                    </div>
                                </div>
                            </div>
                            <div id="lbox_bottomcenter">
                                <div id="lbox_bottomleft">
                                    <div id="lbox_bottomright">
                                        <div class="lbox_foot">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                    <!--左侧区域end-->
                    <!--中间栏区域start-->
                    <td class="main_shutiao">
                        <div class="bs_leftArr" id="bs_center" title="收缩面板">
                        </div>
                    </td>
                    <!--中间栏区域end-->
                    <!--右侧区域start-->
                    <td class="ali01 ver01" width="100%">
                        <div id="rbox">
                            <div id="rbox_topcenter">
                                <div id="rbox_topleft">
                                    <div id="rbox_topright">
                                        <div class="rbox_title">
                                            操作内容
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="rbox_middlecenter">
                                <div id="rbox_middleleft">
                                    <div id="rbox_middleright">
                                        <div id="bs_right">
                                            <IFRAME scrolling="no" width="100%" frameBorder=0 id=frmright name=frmright src="templete/open.html" allowTransparency="true">
                                            </IFRAME>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="rbox_bottomcenter">
                                <div id="rbox_bottomleft">
                                    <div id="rbox_bottomright">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                    <!--右侧区域end-->
                </tr>
            </table>
            <!--尾部区域start-->
            <div id="fbox">
                <div id="bs_footcenter">
                    <div id="bs_footleft">
                        <div id="bs_footright">
                            业务咨询电话：0311-85813216     技术服务电话：13028644840 18330107787
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--尾部区域end-->
        <!--浏览器resize事件修正start-->
        <div id="resizeFix">
        </div>
        <!--浏览器resize事件修正end-->
        <!--载进度条start-->
        <div class="progressBg" id="progress" style="display:none;">
            <div class="progressBar">
            </div>
        </div>
        <!--载进度条end-->
    </body>
    <script>
        
        $(document).ready(function(){
            GetRequest();
            
          
        });
        function GetRequest(){
          doAjax("userShowServlet", null, function(rstText) {
                var result=eval(‘(‘+rstText+‘)‘);
                if(result.status==‘OK‘)
                    {
                    var s=result.user;
                    $("#username").html(s);
                    }else{
                        window.location.href="login.html";
                        }
            });
            }
        
function getXMLHttpResquest() {
      var request;
      if (window.XMLHttpRequest)
      {
          request = new XMLHttpRequest();
      }
      else
      {
          try
          {
              request = new ActiveXObject("Microsoft.XMLHTTP");
          }
          catch (e)
          {
              request = new ActiveXObject("Msxml2.XMLHTTP");
          }
      }
      return request;
}
function doAjax(url,params,callBack) {
    var req=getXMLHttpResquest();
    if(req!=null)
        {
        req.onreadystatechange=function(){
            if(req.readyState==4)
                {
                if(200==req.status)
                    {
                    callBack(req.responseText);
                    
                    }else if(404==req.status)
                        {
                        //alert(‘404-HTTP请求路径错误！‘);
                        window.location.href="login.html";
                        }
                    else if(500==req.status)
                        {
                        alert(‘500-HTTP请求路径错误！‘);
                        window.location.href="login.html";
                        }
                        
                }
            
        };
        req.open("POST",url,true);
        req.setRequestHeader("Content-Type","application/x-www-form-urlencoded;;charset=utf-8");
        req.send(params);
    }
    
}


    </script>
</html>




register.jsp:




<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册的页面</title>
<style type="text/css">
h1{text-align:center;}
h4{text-align:right;color:red;}
body{background:url(images/2.png)}
</style>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        //alert("测试jQuery是否能用");
        $("#form1").submit(function(){
            var name=$("#name").val();//获取提交的值
            if(name.length==0){//进行判断，如果获取的值为0那么提示账号不能为空
                //alert("aa");//测试使用
                $("#nameError").html("账号不能为空");
                return false;
            }
            
            //密码进行验证不能为空
            var password=$("#password").val();//获取提交的密码的值
            if(password.length==0){
                $("#passwordError").html("密码不能为空");
                return false;
            }
            
            //确认密码进行验证
            var relpassword=$("#relpassword").val();//获取提交的确认密码的值
            if(relpassword.length==0){
                $("#relpasswordError").html("确认密码不能为空哦");
                return false;
            }
            
            if(password!=relpassword){
                $("#relpasswordError").html("确认密码输入不正确，请重新输入");
                return false;
            }
        });
    
    });
</script>
</head>
<body>
<form action="user/userregister" method="post" id="form1">
    <h1>用户注册页面</h1>
    <h4>装饰中......</h4>    
    <hr/>
    <table align="center">
        <tr>
            <td>账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</td>
            <td>
                <input type="text" name="name" id="name"/>
                <div id="nameError" style="display:inline;color:red;"></div>
            </td>
        </tr>
        <tr>
            <td>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</td>
            <td>
                <input type="password" name="password" id="password">
                <div id="passwordError" style="display:inline;color:red;"></div>
            </td>
        </tr>
        <tr>
            <td>确认密码：</td>
            <td>
                <input type="password" name="relpassword" id="relpassword">
                <div id="relpasswordError" style="display:inline;color:red;"></div>
            </td>
        </tr>
        <tr>
            <td>电话号码：</td>
            <td><input type="text" name="phone" id="phone"></td>
        </tr>
        <tr>
            <td>电子邮件：</td>
            <td><input type="text" name="email" id="email"></td>
        </tr>
        <tr>
            <td colspan="1">
            </td>
            <td>
                <input type="submit" value="注册"/>
                <input type="reset" value="重置"/>
                <a href="login.jsp" target="_blank">登陆</a>
            </td>
        </tr>
    </table>
</form>
</body>
</html>




xiugai.jsp:




<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>显示文本框的值</title>
   <script type="text/javascript" language="javascript">
   //旧密码调用鼠标跟随效果
   function old_pass(status,ev,id,label){
     var lab=document.getElementById(label).innerText;
     if(lab==1){
        old_pass_confirm(status,ev,id)
     }
   }
   
   //旧密码验证跟随效果
   function old_pass_confirm(status,ev,id){
       var value=document.getElementById(id).value;
       var object=document.getElementById(id);
       var var_length=value.length;
       if(var_length==0){
         var lab9=‘请填写值‘;
         document.getElementById(‘lable1‘).innerText=lab9;
         fu(status,ev);
         object.setAttribute("className","input");
       }else{
         var show = document.getElementById(‘showlianxi‘); 
         show.style.display=‘none‘; 
         object.setAttribute("className","");   
       }
   }
   //密码框调用鼠标跟随效果
    function showlianxi(status,ev,id,label){ 
            var lab=document.getElementById(label).innerText;
                 if(lab==1){
                   yanzheng(status,ev,id);
                 }
        } 
   
      <!--当密码不符合要求时，显示鼠标跟随效果-->
    function yanzheng(status,ev,id){
       var value=document.getElementById(id).value;
       var object=document.getElementById(id);
       var var_length=value.length;
       var reg_small=new RegExp("^[a-z][a-z]*$");    
       var reg_big=new RegExp("^[A-Z][A-Z]*$");
       var reg_num=new RegExp("^[0-9][0-9]*$");
       if(var_length==0){
                 var lab1=‘请填写值‘;
                 document.getElementById(‘lable1‘).innerText=lab1;
                 fu(status,ev);
                 object.setAttribute("className","input");
            }else if(var_length<6&&var_length>0){
                 var lab2=‘最小长度为6,当前长度为‘+var_length+‘.‘;
                 document.getElementById(‘lable1‘).innerText=lab2;
                 fu(status,ev);
                 object.setAttribute("className","input");
            } else if(var_length>20){
                  var lab3=‘最大长度为20,当前长度为‘+var_length;
                document.getElementById(‘lable1‘).innerText=lab3;
                fu(status,ev);
                object.setAttribute("className","input");
            }else if(value.match(reg_small)||value.match(reg_big)){
                var lab4=‘密码不能只包含小写或大写字母‘;
                document.getElementById(‘lable1‘).innerText=lab4;
                fu(status,ev);
                object.setAttribute("className","input");
            }else if(value.match(reg_num)){
                var lab5=‘密码不能只包含数字‘;
                document.getElementById(‘lable1‘).innerText=lab5;
                fu(status,ev);
                object.setAttribute("className","input");
            }            
            else{
            var show = document.getElementById(‘showlianxi‘); 
            show.style.display=‘none‘; 
            object.setAttribute("className","");   
            }
       
    }
        
    //确认密码调用鼠标跟随效果
    function showdiv(status,ev,id,conf_id,label){
       var lab=document.getElementById(label).innerText;
           if(lab==1){
             confirm_pass(status,ev,id,conf_id);
           }
    }    
    
    //验证再次输入的密码效果    
    function confirm_pass(status,ev,id,conf_id){
       var value1=document.getElementById(id).value;
       var value2=document.getElementById(conf_id).value;
       var object=document.getElementById(conf_id);
       var var_length=value2.length;
       if(var_length==0){
          var lab6=‘请填写值‘;
          document.getElementById(‘lable1‘).innerText=lab6;
          fu(status,ev);
          object.setAttribute("className","input");
        }else if(value1!=value2){
          var lab7=‘两次填写不一致，请重新填写‘;
          document.getElementById(‘lable1‘).innerText=lab7;
          fu(status,ev);
          object.setAttribute("className","input");
        }else{
           var show = document.getElementById(‘showlianxi‘); 
            show.style.display=‘none‘; 
           object.setAttribute("className","");
        }
    }

    //鼠标跟随效果
     function fu(status,ev){
               var  e= ev||window.event; 
            var show = document.getElementById(‘showlianxi‘); 
            var obj=e.target||e.srcElement; 
         switch(status){ 
                case ‘over‘: 
                    show.style.position=‘absolute‘; 
                    if(e.pageX){ 
                        show.style.left=e.pageX+20+‘px‘; 
                        show.style.top=e.pageY+‘px‘; 
                        } 
                    else{ 
                        show.style.left=e.clientX + document.body.scrollLeft+ document.documentElement.scrollLeft+5; 
                        show.style.top=e.clientY + document.body.scrollTop+ document.documentElement.scrollTop+5; 
                        } 
                    show.style.display=‘block‘; 
                    break; 
                case ‘out‘: 
                show.style.display=‘none‘; 
                break; 
               }
     }
     //旧密码的onblur事件调用此方法。
     function old_psss_onblur(test,label){
       var value= document.getElementById(test).value; 
       var object= document.getElementById(test);
       var var_length=value.length; 
       document.getElementById(label).innerText=1;  
       if(var_length==0){
          object.setAttribute("className","input");
          return false;
      }else{
        object.setAttribute("className",""); 
        return true;      
      }
    }
     
     
     //密码的onblur事件调用此方法。
     function func(test,label){  
          var reg_small=new RegExp("^[a-z][a-z]*$");    
          var reg_big=new RegExp("^[A-Z][A-Z]*$");
          var reg_num=new RegExp("^[0-9][0-9]*$"); 
          var value= document.getElementById(test).value; 
          var object= document.getElementById(test);
          var var_length=value.length; 
          document.getElementById(label).innerText=1;  
          if(value==null||value==‘‘){   
            object.setAttribute("className","input");
            return false;
          }else if(var_length<6&&var_length>0){
            object.setAttribute("className","input");
            return false;
          }else if(var_length>20){
            object.setAttribute("className","input");
            return false;
          }else if(value.match(reg_small)||value.match(reg_big)){
            object.setAttribute("className","input");
            return false;
          }else if(value.match(reg_num)){
            object.setAttribute("className","input");
            return false;
          }else{
           object.setAttribute("className",""); 
           return true;
          }     
        }  
        
    //确认密码的onblur事件调用此方法    
    function new_password_confirm(new_password,new_password_confirmation,label){ 
           var new_passvalue=document.getElementById(new_password).value;
           var new_pass_confirmvalue=document.getElementById(new_password_confirmation).value;
           var new_pass_confirm_obj=document.getElementById(new_password_confirmation);
           document.getElementById(label).innerText=1;  
           if(new_pass_value.length==0){
               new_pass_confirm_obj.setAttribute("className","input");
               return false;
           }else if(new_pass_value!=new_pass_confirm_value){
               new_pass_confirm_obj.setAttribute("className","input");
               return false;
           }else{
               return true;
           }
    }    
    function tijiao(){
      if(old_psss_onblur(‘username‘,‘old_pass‘)&&func(‘new_password‘,‘new_password_control‘)&&new_password_confirm(‘new_password‘,‘new_password_confirmation‘,‘new_password_confirmation_control‘)){
        document.reform.submit();
       }
    }
    
</script>
<style type="text/css"  >   
     .input{   
      border-color:#FF0000;   
      border-style:solid;   
       }
     

</style> 
</head>
<body>
  <form name="reform" action="" method="post">
     <table align="center">
        <tr>
           <th width="200px" align="left">旧密码：
           </td>
           <td width="300px" colspan="2"><input type="text"  id="username"  onBlur="old_psss_onblur(‘username‘,‘old_pass‘)" onMouseOver="old_pass(‘over‘,event,‘username‘,‘old_pass‘)" onMouseOut="old_pass(‘out‘,event,‘username‘,‘old_pass‘)" style="width:200px">
           </td>
           
        </tr>
        <tr>
           <th align="left">
              新密码：
           </td>
           <td>
           <input type="password" id="new_password"  onmouseout="showlianxi(‘out‘,event,‘new_password‘,‘new_password_control‘)"  onmousemove="showlianxi(‘over‘,event,‘new_password‘,‘new_password_control‘)"  onBlur="func(‘new_password‘,‘new_password_control‘)" style="width:200px" />
           </td>
           <td><a style="font-size:13px">密码不允许纯数字或字母，长度大于5</a>
           </td>
        </tr>
        <tr>
           <th align="left">
           确认新密码：
           </td>
           <td colspan="2">
           <input type="text" id="new_password_confirmation" onMouseOut="showdiv(‘out‘,event,‘new_password‘,‘new_password_confirmation‘,‘new_password_confirmation_control‘)" onMouseMove="showdiv(‘over‘,event,‘new_password‘,‘new_password_confirmation‘,‘new_password_confirmation_control‘)" onBlur="new_password_confirm(‘new_password‘,‘new_password_confirmation‘,‘new_password_confirmation_control‘)"  style="width:200px"/>
           </td>
        </tr>
        <tr>
          <td colspan="3" align="center">
            <input type="button" value="提交" onClick="tijiao()">          </td>
        </tr>     
     </table>
     <div id="showlianxi" style="display:none;filter:alpha(opacity=50); background: #FF9999">  
    <label id="lable1"></label>
    </div>
    <label id="old_pass" style="display:none">0</label>
    <label id="new_password_control" style="display:none">0</label>
    <label id="new_password_confirmation_control" style="display:none">0</label>
</form>

</body>
</html>




 
测试源码
标签：登录失败   获得   coding   getx   var   tee   style   deb   getc   
原文地址：https://www.cnblogs.com/lq13035130506/p/10459781.html

                

                

                    

                        

                            

                                

                                    踩

                                

                                    (0)

                            

                            

                                

                                    赞

                                

                                    (0)

                            

                        

                        

                            

                                    
                                
                            

                        

                    

                    

                        举报
                    

                    
                    

                        

                            评论 一句话评论（0）
                        

                        

                            
                            

                                
                            

                        

                        

                            

                            

                                

                                

                                

                                    
                                

                            

                            

                                登录后才能评论！
                                
                            

                            

                        

                    

                

                
            

        

        

            
            





            
            


    

        

            分享档案

        

            更多>
        

    

    

        
                
                    2021年07月29日
                    (22)

            
                
                    2021年07月28日
                    (40)

            
                
                    2021年07月27日
                    (32)

            
                
                    2021年07月26日
                    (79)

            
                
                    2021年07月23日
                    (29)

            
                
                    2021年07月22日
                    (30)

            
                
                    2021年07月21日
                    (42)

            
                
                    2021年07月20日
                    (16)

            
                
                    2021年07月19日
                    (90)

            
                
                    2021年07月16日
                    (35)

            
    




            


    

        
周排行

        

            mamicode.com排行更多图片

        

            更多

    

    

        
    




            
        

        

        

    

    
    

    

        

            友情链接
        

        

            兰亭集智  
			国之画  
			百度统计   
			 站长统计  
			阿里云  
			chrome插件  
			新版天听网
        

    





    

        

            关于我们 - 联系我们 - 留言反馈
        

        

            © 2014 mamicode.com
            版权所有   联系我们:gaon5@hotmail.com
        

        

            迷上了代码！