-
Notifications
You must be signed in to change notification settings - Fork 0
/
sign up.js
66 lines (53 loc) · 1.98 KB
/
sign up.js
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
// I Button Pop up modal
document.querySelector(".info").addEventListener("click",function(){
document.querySelector(".popup1").style.visibility="visible";
})
document.querySelector(".cross1").addEventListener("click",function(){
document.querySelector(".popup1").style.visibility="hidden";
})
document.querySelector(".info1").addEventListener("click",function(){
document.querySelector(".popup2").style.visibility="visible";
})
document.querySelector(".cross2").addEventListener("click",function(){
document.querySelector(".popup2").style.visibility="hidden";
})
// password visibility eye button js
let pwShowHide =document.querySelector(".fa-eye-slash");
pwShowHide.addEventListener("click",()=>{
let pwPlace=document.querySelectorAll(".pass");
pwPlace.forEach((password) => {
if(password.type==="password"){
password.type="text";
}else{
password.type="password"
}
})
})
// form sumbit code
let fName=document.getElementById("name1");
let lName=document.getElementById("name2");
let email=document.getElementById("email");
let pass=document.getElementById("password1");
let cPass=document.getElementById("password2");
let mobile=document.getElementById("mbl");
let signupForm=document.getElementById("myform");
signupForm.addEventListener("submit",function(e){
e.preventDefault();
let userdetails={
"fName":fName.value,
"lName":lName.value,
"email":email.value,
"password":pass.value,
"cPassword":cPass.value,
"mobile":mobile.value,
}
console.log(userdetails)
if(pass.value===cPass.value){
localStorage.setItem("userdetails",JSON.stringify(userdetails));
alert("Sign up successfully , Now you can sign in to your account");
window.location.href="./sign in.html";
}
else{
alert("Please check your confirm password ")
}
})