AJAX验证登录（包含正则表达式）

最新推荐文章于 2021-08-05 21:14:31 发布

wsy-happy

最新推荐文章于 2021-08-05 21:14:31 发布

阅读量226

点赞数

本文链接：https://blog.csdn.net/happywsyhgff/article/details/102734235

版权

代码

<body>
  <form action="#" method="post">
   账户:<input type="text" name="name" id="name"/><br/>
   密码:<input type="text" name="pwd" id="pwd"/><br/>  
  <input type="button" value="登录"/>
   </form> 
  <div id="show"></div>
   <script type="text/javascript">
   function name() {
			var names = document.getElementById("name").value;
			var pwds = document.getElementById("pwd").value;
			
			var name = /^[A-Z]\w{5,19}$/;
			var pwd = /^[A-Z][\w\W]{7,14}$/; 
			
			var result = name.test(names.trim());
            var results = pwd.test(pwds.trim());
            
             if (result) {
                document.getElementById("Resultname").innerText = "✔";
                document.getElementById("Resultname").style.color = "blue";
            } else {
                document.getElementById("Resultname").innerText = "✘";
                document.getElementById("Resultname").style.color = "red";
            }

            if (results) {
                document.getElementById("Resultpwd").innerHTML = "✔";
                document.getElementById("Resultpwd").style.color = "blue";
            } else {
                document.getElementById("Resultpwd").innerText = "✘";
                document.getElementById("Resultpwd").style.color = "red";
            }

		}
  $(function(){
     $(":button").on("click",function(){
  $.ajax({
  
   url:"AjaxServlet",
   type:"post",
   data:{
     name:$("#name").val(),
     pwd:$("#pwd").val(),
  },
  dataType:"text",
  success:function(data){
        if (data == "ok") {
	       window.location.href = "show.jsp";
   } else {
	    $("#show").text("登录失败!");
	    $("#pwd").val("");
		$("#name").focus().select();
		}
  
        }
 
  });
  
     });
    
        });
  
  </script>

    
  </body>

servlet代码

public class AJAXServlet extends HttpServlet {

	
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doPost(request, response);

		
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		response.setContentType("text/html,Charset = utf-8");
		response.setCharacterEncoding("utf-8");
		PrintWriter out = response.getWriter();
		
		String name="张三";
		String pwd="123456admin";
		
		String ajaxName = request.getParameter("name");
		String ajaxPwd = request.getParameter("pwd");
		System.out.println(ajaxName+":"+ajaxPwd);
		
		if(name.equals(ajaxName)&&pwd.equals(ajaxPwd)){
			out.print("ok");	
		}else{
			out.print("error");
		}
		
		out.flush();
		out.close();

	}

wsy-happy

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
AJAX验证登录（包含正则表达式）

代码<body> <form action="#" method="post"> 账户:<input type="text" name="name" id="name"/><br/> 密码:<input type="text" name="pwd" id="pwd"/><br/> <input ...
复制链接

扫一扫

AJAX验证登录（包含正则表达式）

“相关推荐”对你有帮助么？