JavaWeb实验一：jsp简单注册页面

编写一个用户注册界面。

实现用户登录功能

1、登录页面

设计实现一个用户注册页面，使用表单进行提交。页面应包含的元素如图2-1所示，注意选取适当的输入元素类型，并对其命名；表单的action属性课设置为空。

 

 

图2-1  用户注册页面元素

2、实现用户输入信息的校验

利用JavaScript或者jQuery等完成页面元素合法性的校验，例如当用户输入的姓名不符合要求的情况，一旦鼠标离开姓名输入框，则后面的文字变为红色；反之当用户输入的姓名符合要求时，鼠标离开姓名框则后面的文字变为绿色。

 

图2-2 输入合法性校验

当用户点击“注册按钮”时，仍能够对页面中的元素的合法性进行校验。

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>










	

		

			

				

					
*用户名:
					

					
用户名由3-5位字符组成
				

				

					
*密码:
					

					
请输入8-12位密码
				

				

					
*确认密码:
					

					
两次密码不一致
				

				

					
*Email:
					

					
格式示例:[email protected]
				

				

					
*手机号码:
					

					
格式示例:13800154200
				

				

					
*真实姓名:
					

					
由2-5个中文组成
				

				

					
*省份:
					

							请选择
							北京
							天津
							天津
							上海
							重庆
					 请选择省份
				

				

					
*技术方向:
					
Java .Net PHP
						网页 IOS Android