⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 user_register.jsp

📁 一个用户管理系统的例子,作的很好,有前端,有后台,增加,删除,修改,查找都可以实现
💻 JSP
字号:
<%@page contentType="text/html;charset=gbk" %>

<html>
<head>
<title>ums-register</title>
<link href="${pageContext.request.contextPath}/style/style.css" rel="stylesheet" type="text/css">
</head>
<body background="${pageContext.request.contextPath}/images/body_main.gif" topmargin="0" leftmargin="0">
<jsp:include page="/header.jsp" />

<script language="javascript" src="${pageContext.request.contextPath}/js/province.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/js/city.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/js/calendar.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/js/degree.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/js/global.js"></script>
<script language="javascript">
<!--
    
    /**********************************************
    /*
    /* 注册信息校验。
    /* 校验的项目及规则如下:
    /* 1)用户名:
    /*   非空
    /* 2)密码:
    /*   非空
    /* 3)确认密码:
    /*   非空|必须等于密码
    /* 4)真实姓名:
    /*   非空
    /* 5)电子邮件:
    /*   非空
    /* 6)省、市:
    /*   非空
    /* 7)学校:
    /*   非空
    /* 8)学历:
    /*   非空
    /* 9)自我介绍:
    /*   最大长度(256个字符)
    /* Author: Alan Liu(刘新福)
    /* Created on 2003-12-07
    /**********************************************/
    function validate()
    {
        var element = getElementByName("userName");
        if(element.value.length == 0)
        {
            alert("请输入用户名!");
            element.focus();
            return false;
        }
        
        element = getElementByName("realName");
        if(element.value.length == 0)
        {
            alert("请输入真实姓名!");
            element.focus();
            return false;
        }
        
        element = getElementByName("password");
        if(element.value.length == 0)
        {
            alert("请输入密码!");
            element.focus();
            return false;
        }
        
        element = getElementByName("repassword");
        if(element.value.length == 0)
        {
            alert("请输入确认密码!");
            element.focus();
            return false;
        }
        
        if(element.value != getElementByName("password").value)
        {
            alert("确认密码和原始密码不一致!");
            element.select();
            return false;
        }
        
        element = getElementByName("email");
        if(element.value.length == 0)
        {
            alert("请输入电子邮件!");
            element.focus();
            return false;
        }
        
        element = getElementByName("province");
        if(element.value == "-1")
        {
            alert("请选择省!");
            element.focus();
            return false;
        }
        
        element = getElementByName("city");
        if(element.value == "-1")
        {
            alert("请选择市!");
            element.focus();
            return false;
        }
        
        element = getElementByName("college");
        if(element.value.length == 0)
        {
            alert("请输入学校!");
            element.focus();
            return false;
        }
        
        element = getElementByName("degree");
        if(element.value == "-1")
        {
            alert("请选择学历!");
            element.focus();
            return false;
        }
        
        element = getElementByName("introduction");
        if(element.value.length > 256)
        {
            alert("自我介绍最多为256个字符!");
            element.select();
            return false;
        }
        element = getElementByName("birthday");
        element.value = getElementByName("year").value + "-" + getElementByName("month").value + "-" + getElementByName("day").value;
        return true;
    }
-->
</script>

<table border="0" cellspacing="0" cellpadding="3" width="100%">
	<tr>
		<td height="40">
		  <font color="blue"><b>您的位置:</b></font>
		  <font color="blue"><b>-&gt; 新用户注册</b></font>
		</td>
	</tr>    
</table>
<br>
<form onsubmit="return validate(this)" method="post" action="${pageContext.request.contextPath}/user/register.do">
<table width="650" border="1" align="center" cellspacing="0" cellpadding="3" bgcolor="#FFFFFF">
    <tr>
        <td align="center">用户名称<font color="red">*</font></td>
        <td><input type="text" size="20" name="userName" maxlength="15"><span class="notes">[请使用真实姓名的全拼]</span></td>
        <td align="center">真实姓名<font color="red">*</font></td>
        <td><input type="text" size="7"  name="realName" maxlength="4"><span class="notes">[必须为真实姓名,否则将被删除]</span></td>
    </tr>
    <tr>
        <td align="center">密&nbsp;&nbsp;&nbsp;&nbsp;码<font color="red">*</font></td>
        <td><input type="password" size="20"  name="password" maxlength="12"></td>
        <td align="center">确认密码<font color="red">*</font></td>
        <td><input type="password" size="20"  name="repassword" maxlength="12"></td>
    </tr>
    <tr>
        <td align="center">性&nbsp;&nbsp;&nbsp;&nbsp;别</td>
        <td>
            男<input type="radio" name="gender" value="1" checked> 
            女<input type="radio"  name="gender" value="2">
        </td>
        <td align="center">出生日期<font color="red">*</font></td>
        <td>
            <select name="year" onchange="javascript:addDay(this ,getElementByName('month'), getElementByName('day'))"></select>年
            <select name="month" onchange="javascript:addDay(getElementByName('year'), this, getElementByName('day'))"></select>月
            <select name="day"></select>日
            <input type="hidden" size="10" name="birthday">
        </td>
    </tr>
    <tr>
        <td align="center">电子邮件<font color="red">*</font></td>
        <td>
            <input type="text" size="30" name="email" maxlength="30">            
        </td>
        <td align="center">电&nbsp;&nbsp;&nbsp;&nbsp;话</td>
        <td><input type="text" size="20" name="phone" maxlength="12"></td>
    </tr>
    <tr>
        <td align="center">毕业学校<font color="red">*</font></td>
        <td>
            <input type="text" size="30" name="college" maxlength="30">            
        </td>
        <td align="center">学&nbsp;&nbsp;&nbsp;&nbsp;历<font color="red">*</font></td>
        <td>
            <select name="degree" style="width:133"> 
                <option value="-1">------请选择------</option>
            </select>
        </td>
    </tr>
    <tr>
        <td align="center">来&nbsp;&nbsp;&nbsp;&nbsp;自<font color="red">*</font></td>
        <td colspan="3">
            <select name="province" onchange="initCity(getElementByName('city'), '', this.value, '1')" style="width:150"> 
                <option value="-1">-----请选择(省)-----</option>
            </select> 
            <select name="city" style="width:150"> 
                <option value="-1">-----请选择(市)-----</option>
            </select>
        </td>
    </tr>
    <tr>
        <td align="center">业余爱好</td>
        <td colspan="3">
            读书<input type="checkbox" name="hobbies" value="1">
            足球<input type="checkbox" name="hobbies" value="2">
            篮球<input type="checkbox" name="hobbies" value="3">
            购物<input type="checkbox" name="hobbies" value="4">
            游戏<input type="checkbox" name="hobbies" value="5">
            健身<input type="checkbox" name="hobbies" value="6">
        </td>
    </tr>
    <tr>
        <td valign="top" align="center">自我介绍</td>
        <td colspan="3"><textarea cols="90" rows="5" name="introduction"></textarea></td>
    </tr>
</table>
<br>
<center>
    <input type="submit" class="button" value="确 定">&nbsp;
    <input type="button" class="button" value="取 消" onclick="history.back()">
</center>
</form>
<script language="javascript">
<!--
    initProvince(getElementByName("province"), "");
    initCity(getElementByName("city"), "", getElementByName("province").value, "1");
    initDate(getElementByName("year"), "", getElementByName("month"), "01", getElementByName("day"), "01");
    initDegree(getElementByName("degree"), "");
    getElementByName("userName").focus();
-->
</script>

<jsp:include page="/footer.jsp" />
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -