incubateind · NarenderManral · Mar 25, 2020
diff --git a/About me.txt b/About me.txt
@@ -0,0 +1,4 @@
+Narender Singh
+4th year bharati vidyapeeth college of engineering Paschim vihar steam IT
+New Delhi
+not that great with the designing part but have experience and love the backend development.
diff --git a/LoginPageTask/main.js b/LoginPageTask/main.js
diff --git a/NarenderSingh/bootstrap.min.css b/NarenderSingh/bootstrap.min.css
diff --git a/LoginPageTask/index.html → NarenderSingh/index.html b/LoginPageTask/index.html → NarenderSingh/index.html
@@ -9,27 +9,33 @@
   <title>Login</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" type="text/css" media="screen" href="main.css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+
   <script src="main.js"></script>
 </head>
 <body>
-<img src="https://incubateind.com/images/IncubateIND%20Black.png" class="logo" alt="">
+<img src="https://incubateind.com/images/IncubateIND%20Black.png" class="logo" align="center" alt="">
   <!-- Beautify This -->
   <div class="log-form">
-    <h2>Enter your details</h2>
-    <form>
-      <input type="text" title="username" placeholder="username" />
-      <input type="email" title="email" placeholder="email">
-      <input type="password" title="password" placeholder="password" />
-      <input type="password" title="cnfpassword" placeholder="confirm password" />
+    <div class="container-xl p-3 my-3 bg-dark text-white">
+    <h2>Enter your details</h2></div>
+    <form  name="myform" onsubmit= "return validate()">
+      <input type="text" id="username" onsubmit="validate()" title="username" placeholder="username" />
+      <input type="email" id="email" onsubmit= "validate()" title="email" placeholder="email">
+      <input type="password" id="pswd1" title="password" placeholder="password" />
+      <input type="password" id="pswd2" onsubmit="validate()" title="cnfpassword" placeholder="confirm password" />
+      <input type="tel"  id="phone" title="phone" placeholder="Phone_No" />
       <textarea name="message" id="message" cols="35" rows="4" placeholder="enter message"></textarea>
       <p>Age</p>
       <input type="radio" id="above" name="age" value="above">
       <label for="above">Above 18</label>
       <input type="radio" id="below" name="age" value="below">
       <label for="below">Below 18</label>
-      <button type="submit" class="btn">Submit</button>
+      <br/>
+      <h3><button type="submit" align="center" class="btn" >Submit</button></h3>
     </form>
   </div>
   <!-- Beautify Ends -->
+
 </body>
 </html>
diff --git a/LoginPageTask/main.css → NarenderSingh/main.css b/LoginPageTask/main.css → NarenderSingh/main.css
diff --git a/NarenderSingh/main.js b/NarenderSingh/main.js
@@ -0,0 +1,23 @@
+/* ========================WRITE YOUR JS FROM HERE======================== */
+function Validate()
+{
+var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/;
+if(document.getElementById("email").value.match(mailformat))
+{
+alert("You have entered a valid email address!");    //The pop up alert for a valid email address
+}
+else
+{
+alert("You have entered an invalid email address!");    //The pop up alert for an invalid email address
+return false;
+}
+var x = document.getElementById("username").value;
+  if (x == "") {
+    alert("userName must be filled out");
+    return false;
+  }
+  if (document.getElementById("pswd1")!=document.getElementById("pswd2")) {
+    alert("Password do not match");
+    return false;
+  }
+}