-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
105 lines (102 loc) · 5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单验证插件示例</title>
<link rel="stylesheet" href="assets/plug-in/bootstrap-3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/dn-common.css">
<link rel="stylesheet" href="assets/login/css/index.css">
</head>
<body>
<a id="log" href="index.html">
<img width="150px" src="assets/images/nav-logo.png">
</a>
<div class="container">
<form id="frmLogin" action="main.html" method="post">
<div class="form-title">用户登录</div>
<div class="form-group form-group-lg">
<div class="input-group">
<div class="input-group-addon">
<span class="glyphicon glyphicon-user"></span>
</div>
<input type="text" class="form-control"
id="username" name="loginParam.userNameOrEmailOrPhone" placeholder="用户名"
data-bv-require="true"
data-bv-require-message="用户名必须填写"
data-bv-regex="^\w+$"
data-bv-regex-message="用户应该是由字母数字下划线所组成"
data-bv-between="6-12"
data-bv-between-message="用户名长度必须是在6-12位字符之间"
>
</div>
</div>
<div class="form-group form-group-lg">
<div class="input-group">
<div class="input-group-addon">
<span class="glyphicon glyphicon-lock"></span>
</div>
<input type="password" id="password"
class="form-control" name="loginParam.passwd"
placeholder="密码"
data-bv-require="true"
data-bv-require-message="密码必须填写"
data-bv-regex="^[a-zA-Z0-9]+$"
data-bv-regex-message="密码应该是由字母数组所组成"
data-bv-aa="..."
data-bv-minlength="8"
data-bv-minlength-message="密码长度最少8位"
data-bv-maxlength="12"
data-bv-maxlength-message="密码长度最多12位">
</div>
</div>
<!-- <div class="form-group form-group-lg">
<div class="input-group">
<div class="input-group-addon">
<span class="glyphicon glyphicon-lock"></span>
</div>
<input type="text"
class="form-control" name="abc"
placeholder="密码"
data-bv-require="true"
data-bv-require-message="密码必须填写"
data-bv-cardid="true"
data-bv-cardid-message="请输入正确的身份证号码">
</div>
</div> -->
<div class="form-group form-group-lg">
<div class="col-sm-8 valid-code">
<div class="input-group">
<input type="text" id="verifyCode"
maxlength="4"
placeholder="验证码" name="loginParam.verifyCode"
class="form-control"
data-bv-require="true"
data-bv-require-message="验证码必须填写"
data-bv-length="4"
data-bv-length-messsage="验证码必须是四位"
data-bv-regex="^[0-9a-zA-Z]+$"
data-bv-regex-message="验证码必须是由字母和数字所组成、长度为四位的序列">
<div class="input-group-addon">
<img id="vc" src="http://www.yunbridge.cn/verifyCode" title="点击重新获取验证码" alt="验证码">
</div>
</div>
</div>
<div class="col-sm-4">
<p class="form-control-static">
<a href="#">看不清?换图片</a>
</p>
</div>
</div>
<div class="form-group buttons">
<button type="submit" class="btn btn-danger btn-block btn-lg update-btn">登录</button>
<p><a href="regist.html">用户注册</a>
<a href="#" class="pull-right">忘记密码？</a></p>
</div>
</form>
</div>
<script src="assets/plug-in/jquery/jquery-2.2.4.js"></script>
<script src="assets/plug-in/boostrapValidator/js/boostrapValidator.js"></script>
<script src="assets/dn-common.js"></script>
<script src="assets/login/js/index.js"></script>
</body>
</html>