From dee1f7479d0e7ddfa3fb33a342a39b4f28d7f13a Mon Sep 17 00:00:00 2001
From: Palak Handa <palak.handa@viithiisys.com>
Date: Wed, 12 Sep 2018 13:12:21 +0530
Subject: [PATCH] validation use

---
 pages/registration.html | 22 +++++++++++-----------
 script.js               | 13 +++++++++++++
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/pages/registration.html b/pages/registration.html
index e9bbe58..2823dff 100644
--- a/pages/registration.html
+++ b/pages/registration.html
@@ -26,17 +26,9 @@
                         <div class="icon-circle-d">
                            <i class="material-icons" style="line-height: 30px;">email</i>
                         </div>
-                        <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)">
-                        <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
-                        <label ng-if="check">Email already exist.</label> --> 
-                     </div>
-                     <div class="col-xs-12 col-md-6 input-wrapper" >
-                        <div class="icon-circle-e">
-                           <i class="material-icons" style="line-height: 30px;">phone</i>
-                        </div>
-                        <input type="text" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.number" placeholder="Mobile No.*" ng-change="enternumber(data.number); phonekeyPress(data.number)">
-                        <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value in mobile number field.</label> -->
-                        <label ng-if="numberCheck">Contact Number already exist.</label>
+                        <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" ng-blur="emailcheck(data.email)" ng-focus="removeError()" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)">
+                        <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
+                        <!-- <label ng-if="check">Email already exist.</label> --> 
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-f">
@@ -55,6 +47,14 @@
                            <option value="Mumbai">Mumbai</option>
                         </select>
                      </div>
+                     <div class="col-xs-12 col-md-6 input-wrapper" >
+                        <div class="icon-circle-e">
+                           <i class="material-icons" style="line-height: 30px;">phone</i>
+                        </div>
+                        <input type="phone" name="phone" ng-pattern="/^\d*(?:\.\d{1,2})?$/" maxlength="10" class="text-input" required class="" ng-model="data.number" ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" placeholder="Mobile No.*" ng-change="enternumber(data.number); phonekeyPress(data.number)">
+                        <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label>
+                        <!-- <label ng-if="numberCheck">Contact Number already exist.</label> -->
+                     </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-i">
                            <i class="material-icons" style="line-height: 30px;">perm_identity</i>
diff --git a/script.js b/script.js
index cf60c24..77d01a5 100644
--- a/script.js
+++ b/script.js
@@ -325,6 +325,19 @@
 	        }
 	    };
 
+	    $scope.removeNoError = function() {
+	        $('#invalidNumber').css('display', 'none');
+	        $('#alreadyExist').css('display', 'none');
+	    };
+
+		$scope.numbercheck = function(val) {
+	        if (val == undefined) {
+	            $('#invalidNumber').css('display', 'block');
+	        } else {
+	        	$('#alreadyExist').css('display', 'block');
+	        }
+	    };
+
 	 	// $scope.$on('city', function (event, value) {
 			$scope.data.city = localStorage.getItem("city");
 			console.log("HERE===",$scope.data.city );
-- 
2.0.0