WebContent/WEB-INF/jsp/register.jsp

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ 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>
<link rel="stylesheet" type="text/css" href="../css/styles.css">
</head>
<body style="background: url(/imgs/3.jpg);background-size:cover;">
<div class="wrapper">

	<div class="container">
		<h1>房屋租赁网站</h1>
		<form class="form" id="registerform" action="registercheck.action" method="post">
			<div><input type="text" name="username" placeholder="用户名" ></div>
			<div><input type="password" id="password" name="password" placeholder="密码" ></div>
		<div>
		<label class="radio inline">
      	  	<input id="admin" type="radio" name="type" value="admin"  checked/> 房东
		</label>
		<label class="radio inline">
			<input id="zuke" type="radio" name="type" value="zuke"  /> 租客
		</label>
		</div>
			<button type="submit">注册</button>
		</form>
	</div>
</div>

<script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.validate.min.js"></script>
<script type="text/javascript" src="../js/localization/messages_zh.js"></script>
<script type="text/javascript" src="../js/md5.js"></script>

<script type="text/javascript">
	 $().ready(function() {
		 
		 $('button').click(function(){
				var a = $('#password').val();
				var b = hex_md5(a);
				$('#password').val(b);
			 });
		 
        // 在键盘按下并释放及提交后验证提交表单
        $("#registerform").validate({
            rules : {
                username : {
                    required : true,
                    rangelength:[2,8]
                },
                password : {
                    required : true,
                    rangelength:[2,32]
                },
            },
            messages : {
                username : {
                    required : "请输入用户名",
                    rangelength:"用户名长度必须在2-8个字符之间"