"login_new"
Bootstrap 3.2.0 Snippet by haoHu

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
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="jumbotron">
<div class="row">
<div class="hidden-xs col-sm-7 col-md-7 col-lg-7 login-pic">
<img alt="pic" src="" />
</div>
<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
<div class="panel panel-info panel-login">
<div class="panel-heading">
<h3 class="panel-title"></h3>
</div>
<div class="panel-body">
<div class="form-horizontal">
<!-- Text input-->
<div class="form-group">
<div class="col-md-offset-1 col-md-10">
<input id="group_name" name="group_name" type="text" placeholder="" class="form-control input-md" required="">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<div class="col-md-offset-1 col-md-6">
<input id="group_subname" name="group_subname" type="text" placeholder="/" class="form-control input-md" required="">
</div>
<div class="col-md-2">
<button class="btn btn-warning" id="send_pwd"></button>
</div>
</div>
<!-- Password input-->
<div class="form-group">
<div class="col-md-offset-1 col-md-10">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
$('.common-reg').hide();
$('#group_subname').on('blur', function (e) {
var v = $(this).val();
if (isNaN(v)) {
$('.common-reg').show(400);
$('#login_pwd').focus();
} else {
$('.common-reg').hide(400);
}
});
$('#send_pwd').on('click', function (e) {
if ($(this).attr('disabled')) return;
var $b = $(this), c = 5;
$b.text('59');
$b.attr('disabled', true);
var it = setInterval(function () {
c -= 1;
if (c <= 0) {
$b.removeAttr('disabled');
$b.text('');
clearInterval(it);
return;
}
$b.text(c + '');
}, 1000);
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: