Java web项目 个网上银行系统注册部分代码
2017-02-13 20:34
453 查看
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Gardening Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Niconne' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<link rel="stylesheet" href="bootstrapvd/css/bootstrapValidator.css"/>
<script type="text/javascript" src="bootstrapvd/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="bootstrapvd/js/language/zh_CN.js"></script>
<!--/script-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
</head>
<body>
<!-- header-section-starts -->
<!-- header-section-starts -->
<div class="about-header-banner" style='background: rgba(0, 0, 0, 0) url("images/banner7.jpg") no-repeat scroll 0 0 / cover '>
<div class="container">
<div class="home">
<a href="index.html"><span class="glyphicon glyphicon-home"></span></a>
</div>
<div class="header-top">
<div class="social-icons">
<i class="facebook"></i>
<i class="twitter"></i>
<i class="googlepluse"></i>
</div>
<span class="menu"><img src="images/nav.png" alt=""/></span>
<div class="top-menu">
<ul>
<nav class="cl-effect-13">
<li><a href="about.html">关于</a></li>
<li><a href="single.html">新闻</a></li>
<li><a href="jinrong.html">金融投资</a></li>
<li><a href="typography.html">贷款</a></li>
<li><a href="login.html">登录</a></li>
<li><a href="regist.html">注册</a></li>
</nav>
</ul>
</div>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( ".top-menu ul" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<div class="banner-info text-center">
<h1></h1>
</div>
</div>
</div>
<!-- header-section-ends -->
<!---start-content---->
<div class="container">
<div class="row">
<!-- form: -->
<section>
<div class="col-lg-8 col-lg-offset-2">
<div class="page-header">
<h2>注册</h2>
</div>
<form id="defaultForm" method="post" class="form-horizontal" action="RegisterRequestHandle">
<div class="form-group">
<label class="col-lg-4 control-label">用户名：</label>
<div class="col-lg-4">
<input type="text" class="form-control" name="firstName" placeholder="用户名" />
</div>
<div class="col-lg-4">
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">密码：</label>
<div class="col-lg-4">
<input type="password" class="form-control" name="password" placeholder="" />
</div>
<label class="col-lg-2 control-label">确认密码：</label>
<div class="col-lg-4">
<input type="password" class="form-control" name="confirmPassword" placeholder="" />
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">姓名</label>
<div class="col-lg-5">
<input type="text" class="form-control" name="nickname" />
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">身份证</label>
<div class="col-lg-5">
<input type="text" class="form-control" name="cardid" />
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">性别</label>
<div class="col-lg-5">
<label>
<input type="radio" name="gender" id="optionsRadios1" value="M" checked> 男
</label>
<label>
<input type="radio" name="gender" id="optionsRadios2" value="W">
女
</label>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">邮箱</label>
<div class="col-lg-5">
<input type="text" class="form-control" name="email" />
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">生日</label>
<div class="col-lg-5">
<input type="text" class="form-control" name="birthday" /> (YYYY/MM/DD)
</div>
</div>
<div class="form-group">
<div class="col-lg-9 col-lg-offset-3">
<button type="submit" class="btn btn-primary" name="signup" value="Sign up">注册</button>
<button type="button" class="btn btn-info" id="resetBtn">清空</button>
</div>
</div>
</form>
</div>
</section>
<!-- :form -->
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
// Generate a simple captcha
function randomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
};
$('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' '));
$('#defaultForm').bootstrapValidator({
live: 'disabled',
message: 'This value is not valid',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
firstName: {
validators: {
notEmpty: {
message: 'The first name is required and cannot be empty'
}
}
},
nickname: {
message: 'The username is not valid',
validators: {
notEmpty: {
message: 'The username is required and cannot be empty'
},
stringLength: {
min: 6,
max: 30,
message: 'The username must be more than 6 and less than 30 characters long'
},
regexp: {
regexp: /^[a-zA-Z0-9_\.]+$/,
message: 'The username can only consist of alphabetical, number, dot and underscore'
},
remote: {
url: 'remote.php',
message: 'The username is not available'
},
different: {
field: 'password',
message: 'The username and password cannot be the same as each other'
}
}
},
email: {
validators: {
emailAddress: {
message: 'The input is not a valid email address'
}
}
},
password: {
validators: {
stringLength: {
min: 6,
max: 30,
message: 'The username must be more than 6 and less than 30 characters long'
},
notEmpty: {
message: 'The password is required and cannot be empty'
},
identical: {
field: 'confirmPassword',
message: 'The password and its confirm are not the same'
}
}
},
confirmPassword: {
stringLength: {
min: 6,
max: 30,
message: 'The username must be more than 6 and less than 30 characters long'
},
validators: {
notEmpty: {
message: 'The confirm password is required and cannot be empty'
},
identical: {
field: 'password',
message: 'The password and its confirm are not the same'
},
different: {
field: 'username',
message: 'The password cannot be the same as username'
}
}
},
birthday: {
validators: {
date: {
format: 'YYYY/MM/DD',
message: 'The birthday is not valid'
}
}
},
gender: {
validators: {
notEmpty: {
message: 'The gender is required'
}
}
}
}
});
// Validate the form manually
$('#validateBtn').click(function() {
var o = $('#defaultForm').bootstrapValidator('validate');
console.info(o);
});
$('#resetBtn').click(function() {
$('#defaultForm').data('bootstrapValidator').resetForm(true);
});
});
</script>
<!-- footer-section -->
<div class="footer">
<div class="container">
<div class="copyright text-center">
<p>Copyright © 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>
</div>
</div>
<!-- footer-section -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!---->
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Java web项目 在线网络考试添加管理员部分代码
- Java web项目 爱分享社区用户管理部分代码
- Java web项目 爱分享社区评论管理部分代码
- Java web项目 在线网络考试数据库连接部分代码
- web项目中运用java jfreechart生成各种样式报表的教程demo代码下载
- 将一个完整的java web 项目中的部分模块做成Webservice服务注意事项
- 代码从svn到工作空间，Myeclipse中java项目转成Web项目
- javaweb项目开发错误代码
- 编写高质量代码改善java程序的151个建议——[110-117]异常及Web项目中异常处理
- 一个JavaWeb项目中使用的部分技术
- 使用Eclipse-jee3.6版本部署web项目已实现修改java代码不用重启
- Java web项目 在线网络考试考生考生注册部分代码
- Java Web 从入门到精通（部分练习）+项目uml图
- java web 程序---注册页面核心代码哈希Map
- Java源码 JavaWeb开发框架 代码 SSH SSM OA ERP CRM Java项目[Java通用框架源码及开发视频教程]
- 统计Java web项目的行数的代码
- JAVA_WEB项目之Lucene检索框架实现增删查改的代码优化以及分页功能实现
- 编写高质量代码改善java程序的151个建议——[110-117]异常及Web项目中异常处理
- 一个JavaWeb项目中使用的部分技术
- java web项目启动加载顺序之web.xml部分