· 9 years ago · Oct 06, 2016, 01:54 AM
1<!-- Modal -->
2<a href="#" class="modal" id="modal-one" aria-hidden="true">
3 </a>
4 <div class="modal-dialog">
5 <div class="modal-header">
6
7 <a href="#" class="btn-close" aria-hidden="true">×</a>
8 </div>
9 <div class="modal-body">
10
11 <div id="content">
12 <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
13 <li class="active"><a href="#red" data-toggle="tab">LOGIN </a></li>
14 <li><label>/</label></li>
15 <li><a href="#orange" data-toggle="tab">SIGNUP</a></li>
16
17 </ul>
18 <div id="my-tab-content" class="tab-content">
19 <div class="tab-pane active" id="red">
20 <form action="" method="post" id="formID1" class="formular">
21 <span class="err"><?php if(isset($_GET['$message'])){ echo $_GET['$message'];} if(isset($_GET['loginerr'])){ echo $_GET['loginerr'];}if(isset($_GET['herr1'])){ echo $_GET['herr1'];} ?><br></span><br>
22 <div class="form-group">
23 <input type="text" placeholder="EMAIL ADDRESSS" name="email" class="validate[required,custom[email]] form-control" id="usr1" >
24 <span class="email"></span>
25</div>
26<div class="form-group">
27 <input type="password" placeholder="PASSWORD" name="password" class="validate[required] form-control" id="pwd1">
28 <span class="pass"></span>
29</div>
30
31
32<div class="form-group">
33 <input type="submit" id="submit1" name="login" class="submit1 btn btn-info" value="LOGIN">
34</div>
35 <div class="modal-footer">
36 <a href="#modal-two">RESET YOUR PASSWORD</a>
37 </div>
38 </form> </div>
39
40
41 <div class="tab-pane" id="orange">
42 <form action="" method="post" id="formID2" class="formular">
43 <span class="err" id="a_err"><?php if(isset($_GET['$message'])){ echo $_GET['$message'];} ?><br></span><br>
44 <div class="form-group">
45 <input type="text" placeholder="EMAIL ADDRESSS" name="s_email" class="validate[required,custom[email]] form-control" id="usr2" >
46 <span class="email"></span>
47
48</div>
49<div class="form-group">
50 <input type="password" placeholder="PASSWORD" name="s_password" class="validate[required] form-control" id="spwd">
51 <span class="pass"></span>
52</div>
53<div class="form-group">
54 <input type="password" placeholder="CONFIRM PASSWORD" name="confirm_password" class="form-control validate[required,equals[spwd]]" id="cpwd">
55 <span class="rght"></span>
56</div>
57
58<div class="form-group">
59 <input type="submit" id="submit2" name="s_submit" class="submit2 btn btn-info" value="CREATE YOUR ACCOUNT">
60</div>
61 <div class="modal-footer">
62 BY CREATING AN ACCOUNT YOU ACKNOWLEDGE THAT YOU
63 <a href="#">ACCEPT THE TERMS & CONDITIONS</a>
64 </div>
65
66 </form>
67 </div>
68
69
70
71 </div>
72 </div>
73
74 </div>
75
76 </div>
77
78CREATE TABLE IF NOT EXISTS `login` (
79 `id` int(12) NOT NULL AUTO_INCREMENT,
80 `email` varchar(55) NOT NULL,
81 `password` varchar(55) NOT NULL,
82 `confirm_password` varchar(55) NOT NULL,
83 PRIMARY KEY (`id`)
84) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=12 ;
85--
86-- Dumping data for table `login`
87--
88
89INSERT INTO `login` (`id`, `email`, `password`, `confirm_password`)
90
91function signup_validation()
92
93{
94
95 alert("helloooooooo");
96 var usr=document.getElementById("usr2").value;
97 alert($usr);
98 var pwd=document.getElementById("spwd").value;
99 var cpwd=document.getElementById("cpwd").value;
100 var atpos = usr.indexOf("@");
101 var dotpos = usr.lastIndexOf(".");
102
103 if(usr=="" || pwd=="" || cpwd=="" || pwd!=cpwd)
104 {
105 document.getElementById("a_err").innerHTML="Please Fill All Fields";
106
107 if(usr==""){
108
109 document.getElementById("a_err").innerHTML="Please Enter User Name";
110
111 }
112 else if (atpos<1 || dotpos<atpos+2 || dotpos+2>=usr.length) {
113
114 document.getElementById("js_error").innerHTML="Not a valid e-mail address";
115
116 }
117 else if(pwd==""){
118
119 document.getElementById("a_err").innerHTML="Please Enter Email";
120
121 }
122 else if(cpwd==""){
123
124 document.getElementById("a_err").innerHTML="Please Re-Enter password ";
125
126 }
127
128 else if(pwd!=cpwd){
129
130 document.getElementById("a_err").innerHTML="Password Do Not Match";
131
132 }
133 return false;
134 }
135 else{
136 document.getElementById("a_err").innerHTML="";
137 return true;
138 }
139
140}