diff --git a/.DS_Store b/.DS_Store index 4aefbf7..e96d3f4 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/KunalAcharya/LoginPageTask/index.html b/KunalAcharya/LoginPageTask/index.html new file mode 100644 index 0000000..ddc8dd3 --- /dev/null +++ b/KunalAcharya/LoginPageTask/index.html @@ -0,0 +1,77 @@ + + + + + + + + + Login + + + + + + + + + + + + + +
+
+
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + + + +
+
+ +
+ +
+ + +
+
+
+
+
+ + \ No newline at end of file diff --git a/KunalAcharya/LoginPageTask/js/index.js b/KunalAcharya/LoginPageTask/js/index.js new file mode 100644 index 0000000..02004b3 --- /dev/null +++ b/KunalAcharya/LoginPageTask/js/index.js @@ -0,0 +1,80 @@ +save = function(){ + var userName = document.getElementById("uName").value; + if (isBlankText(userName)){ + alert("UserName can't be blank!!!!"); + return; + } + var emailId = document.getElementById("email").value; + isValidEmailAdress(emailId); + var phoneNumber = document.getElementById("phone").value; + if(!isValidPhoneNumber(phoneNumber)){ + alert("Please Enter Valid Indian Phone Number"); + return; + } + var password = document.getElementById("password").value; + if (isBlankText(password)){ + alert("Password can't be blak"); + return; + } + if (password.length < 6){ + alert("Please enter password greater than 6 character!!!") + return + } + var confirmedPassword = document.getElementById("cnfPassword").value; + + + if (!isTwoTextSame(password,confirmedPassword)){ + alert("Please enter same password!!!!!") + return; + }; + + if(document.getElementById("belowEighteen").checked){ + var age = "Below 18" + } + if(document.getElementById("eighteen").checked){ + var age = "18" + } + if(document.getElementById("aboveEighteen").checked){ + var age = "Above 18" + } + // window.open("~/success.html") + return; +} + +function isBlankText(text){ + if (text.localeCompare("") == 0){ + return true; + } + return false; +} + +function isTwoTextSame(text1, text2){ + if (text1.localeCompare(text2) == 0){ + return true; + }; + return false; +} + +function isValidPhoneNumber(phoneNumber){ + if (isBlankText(phoneNumber)){ + alert("Phone number cant be blank") + return; + } + var phoneRegex = /^\d{10}$/; + if (phoneRegex.test(phoneNumber)){ + return true; + } + return false; +} + +function isValidEmailAdress(emailId){ + if(isBlankText(emailId)){ + alert("Email can't be blank"); + return; + } + var pattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; + if (pattern.test(emailId)){ + return true; + } + return false; +} \ No newline at end of file diff --git a/KunalAcharya/LoginPageTask/static/css/main.css b/KunalAcharya/LoginPageTask/static/css/main.css new file mode 100644 index 0000000..38f640b --- /dev/null +++ b/KunalAcharya/LoginPageTask/static/css/main.css @@ -0,0 +1,40 @@ + body{ + padding-top:4.2rem; + padding-bottom:4.2rem; + background:rgba(0, 0, 0, 0.76); + } + a{ + text-decoration:none !important; + } + h1,h2,h3{ + font-family: cursive; + } + .signupForm{ + position: relative; + display: -ms-flexbox; + display: flex; + padding: 1rem; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0,0,0,.2); + border-radius: 1.1rem; + outline: 0; + max-width: 500px; + top: 50%; + left: 50%; + } + .tx-tfm{ + text-transform:uppercase; + } + .mybtn{ + border-radius:50px; + } + + form .error { + color: #ff0000; + } + #second{display:none;} \ No newline at end of file diff --git a/KunalAcharya/LoginPageTask/success.html b/KunalAcharya/LoginPageTask/success.html new file mode 100644 index 0000000..052a117 --- /dev/null +++ b/KunalAcharya/LoginPageTask/success.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/KunalAcharya/MyDetails.txt b/KunalAcharya/MyDetails.txt new file mode 100644 index 0000000..f3b9661 --- /dev/null +++ b/KunalAcharya/MyDetails.txt @@ -0,0 +1,7 @@ +Name - Kunal Acharya. +College Name - M.B.M. Engineering College Jodhpur, Rajasthan. +Stream - Electronics And Computer Science. +Year Of Study - 3rd Year. +Passing Year - 2021. +Current Location - Jodhpur Rajasthan. +Home City - Bikaner Rajasthan. diff --git a/KunalAcharya/README.md b/KunalAcharya/README.md new file mode 100644 index 0000000..b353af6 --- /dev/null +++ b/KunalAcharya/README.md @@ -0,0 +1,32 @@ +##Author Kunal Acharya +##Date 2020-03-25 + +Signup Page + +Description + +HTML and Javascript based signup page + +Assumptions + 1.The input Phone Number is Indian (10 digits) + + +Tehnology: + + HTML: + + 1. HTML. + + 2. CSS. + + 3. Javascript. + + +Setup: + + Fork the repository from the github. + + +Run: + + Click on the Index.html file open it on Google-Chrome browser(recommended). \ No newline at end of file