注册界面

最新推荐文章于 2024-08-20 18:26:48 发布

苏源的博客

最新推荐文章于 2024-08-20 18:26:48 发布

阅读量429

点赞数

本文链接：https://blog.csdn.net/qq_39888450/article/details/77547660

版权

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" href="css/bootstrap.css" />
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
	<script type="text/javascript">
	   $(function(){
	       var name;
	      /* 验证用户名 */
	        $("#name").blur(function()
	       {
	         name=$(this).val();
	         $("#span").empty();
	         if(name==null || name=="")
	         {
	           $("#name").after("<span id='span'>用户名不能为空</span>")
	         }
	            else
	         {
	         /* 用户名是否可以使用 */
	          $.post("${pageContext.request.contextPath}/user/namepan",{"name":name},function(a)
	          {
	           if(a=="ok")
	           {
	          $("#name").after("<span id='span'>用户名可以使用</span>") 
	           }
	           else
	           {
	           $("#name").after("<span id='span'>用户名已经存在</span>")
	           }
	           },"json");
	         }
	       
	       });
	   
	       var password;
	      /* 验证密码 */
	        $("#password").blur(function()
	       {
	       password=$(this).val();
	         $("#span2").empty();
	         if(password==null || password=="")
	         {
	           $("#password").after("<span id='span2'>密码不能为空</span>")
	         }
	      
	       });
	        
	       $("#button").click(function()
	       {
	          $("#span3").empty();
	       /* 获取用户名和密码 */
	       $.post("${pageContext.request.contextPath}/user/adduser",{"name":name,"password":password},function(a)
	       {
	           if(a=="ok")
	           {
	               window.location="main.jsp";
	           }
	       },"json");
	       
	       });
	   
	   
	   });
	
	</script>
  </head>
  
  <body>
   <table class="table table-striped table-bordered table-hover table-condensed">
        <tr>
        <td>用户名
        </td>
        <td><input type="text" name="name" class="form-control" id="name">
        </td>
        </tr>
        <tr>
        <td>密码</td>
        <td><input type="password" name="password"  class="form-control" id="password"> </td>
        </tr>
        <tr>
        <td colspan="2">
        <button value="登录" class="btn btn-primary" id="button">注册</button>
       
        </td>
        </tr>
         <tr>
        <td colspan="2">
          <p id="p"></p>
        </td>
        </tr>
 
 <table>
  </body>
</html>