-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
133 lines (114 loc) · 5.36 KB
/
test.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>Sign Up</title>
<!-- Favicon-->
<link rel="icon" href="../../favicon.ico" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<!-- Bootstrap Core Css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link href="plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Waves Effect Css -->
<link href="plugins/node-waves/waves.css" rel="stylesheet" />
<!-- Animation Css -->
<link href="plugins/animate-css/animate.css" rel="stylesheet" />
<!-- Custom Css -->
<link href="css/style.css" rel="stylesheet">
</head>
<script>
function valid()
{
var name = document.forms["register"]["name"].value;
var email = document.forms["register"]["email"].value;
var phone = document.forms["register"]["mobile"].value;
var pass = document.forms["register"]["password"].value;
var cp = document.forms["register"]["confirm"].value;
if(pass!=cp)
{
alert("Password does notmatch!!");
return false;
}
}
</script>
<body class="signup-page">
<div class="signup-box">
<div class="logo">
<a href="javascript:void(0);">Pay<b>Transfer</b></a>
<small>Transfer money easily</small>
</div>
<div class="card">
<div class="body">
<form id="register" method="POST" name="register">
<div class="msg">Register a new membership</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">person</i>
</span>
<div class="form-line">
<input type="text" class="form-control" name="name" placeholder="Name Surname" required autofocus>
</div>
</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">email</i>
</span>
<div class="form-line">
<input type="email" class="form-control" name="email" placeholder="Email Address" required>
</div>
</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">phone_iphone</i>
</span>
<div class="form-line">
<input id="phonenum" type="tel" name="mobile" class="form-control mobile-phone-number" pattern="^\d{4}\d{3}\d{3}$" maxlength="10" placeholder="Mobile Number" required >
</div>
</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">lock</i>
</span>
<div class="form-line">
<input type="password" class="form-control" name="password" minlength="6" placeholder="Password" required>
</div>
</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">lock</i>
</span>
<div class="form-line">
<input type="password" class="form-control" name="confirm" minlength="6" placeholder="Confirm Password" required>
</div>
</div>
<div class="form-group">
<input type="checkbox" name="terms" id="terms" class="filled-in chk-col-pink">
<label for="terms">I read and agree to the <a href="javascript:void(0);">terms of usage</a>.</label>
</div>
<button class="btn btn-block btn-lg bg-pink waves-effect" type="submit" onclick="valid()">SIGN UP</button>
<div class="m-t-25 m-b--5 align-center">
<a href="sign-in.html">You already have a membership?</a>
</div>
</form>
</div>
</div>
</div>
<!-- Jquery Core Js -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap Core Js -->
<script src="plugins/bootstrap/js/bootstrap.js"></script>
<!-- Waves Effect Plugin Js -->
<script src="plugins/node-waves/waves.js"></script>
<!-- Validation Plugin Js -->
<script src="plugins/jquery-validation/jquery.validate.js"></script>
<!-- Custom Js -->
<script src="js/admin.js"></script>
<script src="js/pages/examples/sign-up.js"></script>
<script src="js/pages/forms/advanced-form-elements.js"></script>
<!-- Demo Js -->
<script src="js/demo.js"></script>
</body>
</html>