From 32c0acbec224ff6b96ae4971d5bb62612963c15a Mon Sep 17 00:00:00 2001
From: Karthik6star <72240254+Karthik6star@users.noreply.github.com>
Date: Tue, 18 May 2021 10:01:05 +0530
Subject: [PATCH] commit

---
 app.js     | 84 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html | 14 ++++-----
 2 files changed, 91 insertions(+), 7 deletions(-)

diff --git a/app.js b/app.js
index e60691b..73c6984 100644
--- a/app.js
+++ b/app.js
@@ -1 +1,85 @@
 /* Fill your code*/
+function  formValidate(){
+    var name=document.forms["RegForm"]["Name"]
+    var address=document.forms["RegForm"]["address"]
+    var Email=document.forms["RegForm"]["Email"]
+    var Password=document.forms["RegForm"]["Password"]
+    var ConfirmPassword=document.forms["RegForm"]["ConfirmPassword"]
+    var Phoneno=document.forms["RegForm"]["Phoneno"]
+    
+var errname=document.getElementById("name")
+    var erraddress=document.getElementById("add")
+    var errEmail=document.getElementById("email")
+    var errpassword=document.getElementById("paswd")
+    var errcpassword=document.getElementById("CPassword")
+    var errPhoneno=document.getElementById("Phone")
+
+    if(name.value.length<4){
+        errname.innerText="Atleat 4 characters is required"
+        name.focus();
+        return false
+    }
+    else {
+        errname.innerText="";
+    }
+    if(address.value==""){
+        erraddress.innerText="Address field cannot be empty"
+        address.focus();
+        return false
+    }
+    else {
+        erraddress.innerText="";
+    }
+    if(Email.value==""){
+        errEmail.innerText="Email field cannot be empty"
+        address.focus();
+        return false
+    }
+    else if(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9])+*$/.test(email)){
+
+    errEmail.innerText="";
+    }
+    else {
+        errEmail.innerText="Email is invalid"
+        address.focus();
+        return false
+    }
+    if(Password.value==""){
+        errpassword.innerText="password field cannot be empty"
+        Password.focus();
+        return false
+    }
+    else if (Password.value.match(/^(?=.*[0-9])(?=.*[!@$%^&*])[a-zA-z0-9].{7,15}$/)){
+        errpassword.innerText="";
+    }
+    else{
+        errpassword.innerText="password is invalid"
+        Password.focus();
+        return false
+
+    }
+    if(ConfirmPassword.value==""){
+        errcpassword.innerText="password field cannot be empty"
+        ConfirmPassword.focus();
+        return false
+    }
+    else if (ConfirmPassword.value.match(/^(?=.*[0-9])(?=.*[!@$%^&*])[a-zA-z0-9].{7,15}$/)){
+        errcpassword.innerText="";
+    }
+    else{
+        errcpassword.innerText="password is invalid"
+        ConfirmPassword.focus();
+        return false
+
+    }
+    if(Phoneno.value==""){
+        errPhoneno.innerText="phone field cannot be empty"
+        Phoneno.focus();
+        return false
+    }
+    else{
+        errPhoneno.innerText="";
+    }
+return true
+
+}
diff --git a/index.html b/index.html
index 1042792..062ba66 100644
--- a/index.html
+++ b/index.html
@@ -12,19 +12,19 @@ <h2 style="text-align: center"> FORM VALIDATION</h2>
     <p>Name : <input type="text" name="Name"></p>
      <label class="alert" id="name"></label><br>  
 
-    <p> Address : <input type="text" name="Address">  </p>
-     <label class="alert" id="address"></label><br> 
+    <p> Address : <input type="text" name="address">  </p>
+     <label class="alert" id="add"></label><br> 
 
-    <p>E-mail : <input type="text"  name="EMail"></p>
+    <p>E-mail : <input type="text"  name="Email"></p>
      <label class="alert" id="email"></label><br> 
 
     <p>Password : <input type="password" name="Password"> </p>
-    <label class="alert" id="pwd"></label><br> <br> 
+    <label class="alert" id="paswd"></label><br> <br> 
 
-    <p>Confirm Password : <input type="password" name="cPassword"> </p>
-    <label class="alert" id="cpwd"></label><br> <br>
+    <p>Confirm Password : <input type="password" name="ConfirmPassword"> </p>
+    <label class="alert" id="CPassword"></label><br> <br>
 
-    <p>Phone : <input type="number" name="phone"> </p>
+    <p>Phone : <input type="number" name="Phoneno"> </p>
     <label class="alert" id="phone"></label><br> <br>   
 
     <p><input type="submit" value="Check" name="Submit"></p><br>