JezK

Edit File: register.php

<?php
session_start();
//print_r($_SESSION);exit;
if (isset($_SESSION['emailAlreadyExists'])) {
	echo "<script>alert('Email already exists.')</script>";
	unset($_SESSION['emailAlreadyExists']);
} else if (isset($_SESSION['mobileNumberAlreadyExists'])) {
	echo "<script>alert('Mobile Nubmer Already Exists')</script>";
	unset($_SESSION['mobileNumberAlreadyExists']);
} else if (isset($_SESSION['registrationSuccess'])) {
	echo "<script>alert('Registration successfully')</script>";
	unset($_SESSION['registrationSuccess']);
}

include("./app/admin_functions.php");
$connect = new admin();
$connect->dbconnection();

$result = $connect->getInfoStack();
?>
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<title>Registration</title>
	<link rel="stylesheet" type="text/css" media="all" href="css/styles_slider.css">
	
	<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	
	<link href="css/freelancer.css" rel="stylesheet">
	<link href="css/mui.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/responsiveCarousel.min.js"></script>
	<script type="text/javascript" src="js/mui.js"></script>
	
	<link rel="stylesheet"
		href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.min.css">
	<script type='text/javascript'
		src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js"></script>
	<script type='text/javascript'>
		$(function () {
			$('#date').datepicker({
				//endDate: '+0d',
				format: 'yyyy-mm-dd',
				startDate: '<?php echo date('Y-m-d') ?>',
				autoclose: true
			});
		});
	</script>
	<style>
		body {
			background: url("images/bg11.jpg");
			background-size: cover;
		}

input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		input:-webkit-autofill:active {
			-webkit-box-shadow: 0 0 0 30px #39459B inset !important;
			-webkit-text-fill-color: white !important;
		}

input[type=checkbox],
		input[type=radio] {
			margin: 10px 13px 0;
			margin-top: 1px\9;
			line-height: normal;
		}

.div_border {
			border: 12px solid #ffffff;
			background-color: #ffffff;
		}

.mui-textfield--float-label>label {
			color: rgb(43 105 181);
		}

.mui-textfield>input,
		.mui-textfield>select,
		.mui-textfield>textarea {
			background-color: transparent;
			color: rgb(52 80 163);
			border-bottom: 1px solid rgb(43 99 176);
		}

.div_border h2 {
			color: #2d71bb;
		}

input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		input:-webkit-autofill:active {
			-webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
			-webkit-text-fill-color: #181819 !important;
		}

label#add_color {
			color: rgb(43 105 181) !important;
			font-weight: 100;
		}

.subBt {
			border: 2px solid #3286c9 !important;
			color: rgb(48 128 195) !important;
			font-size: 15px;
			text-transform: uppercase;
			padding: 8px 4rem;
			border-radius: 3px;
			background-color: transparent;
		}

.example button {
			float: left;
			background-color: #4E3E55;
			color: white;
			border: none;
			box-shadow: none;
			font-size: 17px;
			font-weight: 500;
			font-weight: 600;
			border-radius: 3px;
			padding: 15px 35px;
			margin: 26px 5px 0 5px;
			cursor: pointer;
		}

.example button:focus {
			outline: none;
		}

.example button:hover {
			background-color: #33DE23;
		}

.example button:active {
			background-color: #81ccee;
		}
	</style>
</head>

<body id="page-top" class="index">
	Step2:
	<nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
		<div class="container">
			
			<div class="logo">
				<a class="navbar-brand navbar-brand-cstm" href="index.php"> <img src="images/logo.png" class="logres">
				</a>
			</div>
		</div>
		</div>
	</nav>
	
	<section id="aboutus" class="slider">
		<div class="container">
			<div class="row1">
				<div class="col-sm-8 col-sm-offset-2 div_border">
					<div class="text-center">
						<h2>Internship Registration Form</h2> <br />
						
					</div>
					<form class="mui-form row" method="POST" action="new_registrationform-action.php" name="form"
						onsubmit="return validations();" enctype="multipart/form-data">
						<div class="mui-textfield mui-textfield--float-label col-md-12">
							<input type="text" maxlength="50" name="name" id="name" autocomplete="off">
							<label>Name*</label>
						</div>
						<div class="mui-textfield mui-textfield--float-label col-md-12">
							<input type="text" maxlength="10" name="mobile" id="mobile" autocomplete="off">
							<label>Mobile*</label>
						</div>
						<div class="mui-textfield mui-textfield--float-label col-md-12">
							<input type="text" maxlength="255" name="email" id="email" autocomplete="off">
							<label>Email*</label>
						</div>
						<input type="hidden" name="address" id="address" value="null" autocomplete="off">

<div class="mui-textfield mui-textfield--float-label col-md-12">
							<input type="text" maxlength="50" name="college" id="college" autocomplete="off">
							<label>College*</label>
						</div>
						<div class="mui-textfield mui-textfield--float-label col-md-6">
							<input type="text" maxlength="50" placeholder="like 2nd Year" name="emergName" id="emergName" autocomplete="off">
							<label>Year</label>
						</div>

<div class="mui-textfield mui-textfield--float-label col-md-6">
							<input type="text" maxlength="50" name="emergRelation" id="emergRelation"
								autocomplete="off">
							<label>Group Name*</label>
						</div>

<div class="mui-textfield mui-textfield--float-label col-md-12" id="areas">
							<label>Area of Interest*</label>
							<br>
						</div>

<?php
						foreach ($result as $row) { ?>
							<input type="radio" id="Interest<?php echo $row['stack_id']; ?>" name="interest[]"
								value="<?php echo $row['stack_id']; ?>">
							<label for="Interest<?php echo $row['stack_id']; ?>" id="add_color"> <?php echo $row['name']; ?></label><br>
						<?php }

<div class="text-center">
							<input type="submit" value="NEXT" class="subBt" name="submit" id="submit">
						</div>
					</form>
				</div>
			</div>
		</div>
	</section>
	<script>
		// var oldURL = document.referrer;
		// oldURL = oldURL.split("/");
		// // alert(oldURL[4]);
		// var newUrl = oldURL[3];
		// if (newUrl == 'flutter.php') {
		// 	jQuery('#Interest1').attr('checked', true);
		// }
		// if (newUrl == 'mobile-app.php') {
		// 	jQuery('#Interest2').attr('checked', true);
		// }
		// if (newUrl == 'digital-marketing.php') {
		// 	jQuery('#Interest3').attr('checked', true);
		// }
		// if (newUrl == 'quality-assurance.php') {
		// 	jQuery('#Interest4').attr('checked', true);
		// }
		// if (newUrl == 'frontend-technologies.php') {
		// 	jQuery('#Interest5').attr('checked', true);
		// }
		// if (newUrl == 'backend-technologies.php') {
		// 	jQuery('#Interest6').attr('checked', true);
		// }
		// if (newUrl == 'software-testing-internship.php') {
		// 	jQuery('#Interest7').attr('checked', true);
		// }
	</script>
	
	<script type="text/javascript">
		window.$zopim || (function (d, s) {
			var z = $zopim = function (c) {
				z._.push(c)
			},
				$ = z.s =
					d.createElement(s),
				e = d.getElementsByTagName(s)[0];
			z.set = function (o) {
				z.set.
					_.push(o)
			};
			z._ = [];
			z.set._ = [];
			$.async = !0;
			$.setAttribute("charset", "utf-8");
			$.src = "https://static.zdassets.com/ekr/asset_composer.js";
			z.t = +new Date;
			$.
				type = "text/javascript";
			e.parentNode.insertBefore($, e)
		})(document, "script");
	</script>
	
	
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-64528597-1"></script>
	<script>
		window.dataLayer = window.dataLayer || [];

function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());
		gtag('config', 'UA-64528597-1');
	</script>
</body>

</html>
<script>
	//alert();
	function dateChange() {
		var date = document.getElementById('date');
		if (date.value != "") {
			$('#date').removeClass("mui--is-empty");
			$('#date').removeClass("mui--is-pristine");
			$('#date').addClass("mui--is-dirty");
			$('#date').addClass("mui--is-not-empty");
			$('#date').addClass(" mui--is-touched");
		}
	}

function validations() {
		var checkedCheckboxes = document.querySelectorAll("[name='interest[]']:checked");
		var checkedDurations = document.querySelectorAll("[name='duration']:checked");

if (document.getElementById('name').value == "") {
			alert("Please Enter  Name");
			document.getElementById('name').focus();
			return false;
		} else if (!(/^[A-Za-z ]+$/).test(document.getElementById('name').value)) {
			alert("Please Enter Characters Only!");
			document.getElementById('name').focus();
			return false;
		} else if (document.getElementById('mobile').value == "") {
			alert("Please Enter Mobile Number");
			document.getElementById('mobile').focus();
			return false;
		} else if (!(/^[0-9]{10}$/).test(document.getElementById('mobile').value)) {
			alert("Please Enter Valid Mobile Number");
			document.getElementById('mobile').focus();
			return false;
		} else if (document.getElementById('email').value == "") {
			alert("Please Enter Email Address");
			document.getElementById('email').focus();
			return false;
		} else if (!(/^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/).test(document.getElementById('email').value)) {
			alert("Please Enter Valid Email Address");
			document.getElementById('email').focus();
			return false;
		} else if (document.getElementById('address').value == "") {
			alert("Please Enter Address ");
			document.getElementById('address').focus();
			return false;
		} else if (document.getElementById('college').value == "") {
			alert("Please Enter Collge Name");
			document.getElementById('college').focus();
			return false;
		} else if (document.getElementById('emergName').value == "") {
			alert("Please Enter Emergency Contact Name");
			document.getElementById('emergName').focus();
			return false;
		} else if (checkedCheckboxes.length == 0) {
			alert("Please Enter Area of Interest ");
			// document.getElementById('interest').focus();
			return false;
		}
		return true;
	}

// function imageValidation() {
	// 	const imageInput = $('#image')[0]; // Using [0] to access the DOM element

// 	if (imageInput.files.length > 0) {
	// 		const fileName = imageInput.files[0].name;
	// 		if (fileName.includes('')) {
	// 			alert('Upload Image With No Space in Image Name')
	// 			$("#image").val("");
	// 		}
	// 	}
	// }

$(document).ready(function () {
		$("#date").click(function () {
			var bla = $('#txt_name').val();
			//$('#txt_name').val(bla);
			//alert(bla);
		});
	});
</script>