USER ENTRY

REGISTRATIONJJJJHHKKKKKKKKKKKKKKKKK
2020-10-07 00:11:50 +05:30
parent 894a345a48
commit ad8d4a4867
1 changed files with 150 additions and 0 deletions
@@ -0,0 +1,150 @@
+<?php
+use Phppot\Member;
+if (! empty($_POST["signup-btn"])) {
+    require_once './Model/Member.php';
+    $member = new Member();
+    $registrationResponse = $member->registerMember();
+}
+?>
+<HTML>
+<HEAD>
+<TITLE>User Registration</TITLE>
+<link href="assets/css/phppot-style.css" type="text/css"
+	rel="stylesheet" />
+<link href="assets/css/user-registration.css" type="text/css"
+	rel="stylesheet" />
+<script src="vendor/jquery/jquery-3.3.1.js" type="text/javascript"></script>
+</HEAD>
+<BODY>
+	<div class="phppot-container">
+		<div class="sign-up-container">
+			<div class="login-signup">
+				<a href="index.php">Login</a>
+			</div>
+			<div class="">
+				<form name="sign-up" action="" method="post"
+					onsubmit="return signupValidation()">
+					<div class="signup-heading">Registration</div>
+				<?php
+    if (! empty($registrationResponse["status"])) {
+        ?>
+                    <?php
+        if ($registrationResponse["status"] == "error") {
+            ?>
+				    <div class="server-response error-msg"><?php echo $registrationResponse["message"]; ?></div>
+                    <?php
+        } else if ($registrationResponse["status"] == "success") {
+            ?>
+                    <div class="server-response success-msg"><?php echo $registrationResponse["message"]; ?></div>
+                    <?php
+        }
+        ?>
+				<?php
+    }
+    ?>
+				<div class="error-msg" id="error-msg"></div>
+					<div class="row">
+						<div class="inline-block">
+							<div class="form-label">
+								Username<span class="required error" id="username-info"></span>
+							</div>
+							<input class="input-box-330" type="text" name="username"
+								id="username">
+						</div>
+					</div>
+					<div class="row">
+						<div class="inline-block">
+							<div class="form-label">
+								Email<span class="required error" id="email-info"></span>
+							</div>
+							<input class="input-box-330" type="email" name="email" id="email">
+						</div>
+					</div>
+					<div class="row">
+						<div class="inline-block">
+							<div class="form-label">
+								Password<span class="required error" id="signup-password-info"></span>
+							</div>
+							<input class="input-box-330" type="password"
+								name="signup-password" id="signup-password">
+						</div>
+					</div>
+					<div class="row">
+						<div class="inline-block">
+							<div class="form-label">
+								Confirm Password<span class="required error"
+									id="confirm-password-info"></span>
+							</div>
+							<input class="input-box-330" type="password"
+								name="confirm-password" id="confirm-password">
+						</div>
+					</div>
+					<div class="row">
+						<input class="btn" type="submit" name="signup-btn"
+							id="signup-btn" value="Sign up">
+					</div>
+				</form>
+			</div>
+		</div>
+	</div>
+
+	<script>
+function signupValidation() {
+	var valid = true;
+
+	$("#username").removeClass("error-field");
+	$("#email").removeClass("error-field");
+	$("#password").removeClass("error-field");
+	$("#confirm-password").removeClass("error-field");
+
+	var UserName = $("#username").val();
+	var email = $("#email").val();
+	var Password = $('#signup-password').val();
+    var ConfirmPassword = $('#confirm-password').val();
+	var emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+
+	$("#username-info").html("").hide();
+	$("#email-info").html("").hide();
+
+	if (UserName.trim() == "") {
+		$("#username-info").html("required.").css("color", "#ee0000").show();
+		$("#username").addClass("error-field");
+		valid = false;
+	}
+	if (email == "") {
+		$("#email-info").html("required").css("color", "#ee0000").show();
+		$("#email").addClass("error-field");
+		valid = false;
+	} else if (email.trim() == "") {
+		$("#email-info").html("Invalid email address.").css("color", "#ee0000").show();
+		$("#email").addClass("error-field");
+		valid = false;
+	} else if (!emailRegex.test(email)) {
+		$("#email-info").html("Invalid email address.").css("color", "#ee0000")
+				.show();
+		$("#email").addClass("error-field");
+		valid = false;
+	}
+	if (Password.trim() == "") {
+		$("#signup-password-info").html("required.").css("color", "#ee0000").show();
+		$("#signup-password").addClass("error-field");
+		valid = false;
+	}
+	if (ConfirmPassword.trim() == "") {
+		$("#confirm-password-info").html("required.").css("color", "#ee0000").show();
+		$("#confirm-password").addClass("error-field");
+		valid = false;
+	}
+	if(Password != ConfirmPassword){
+        $("#error-msg").html("Both passwords must be same.").show();
+        valid=false;
+    }
+	if (valid == false) {
+		$('.error-field').first().focus();
+		valid = false;
+	}
+	return valid;
+}
+</script>
+</BODY>
+</HTML>