JezK

Edit File: staffSignup.php

<?php
  include("app/adminfunctions.php");
  $db1 = new adminFunctions();

if(isset($_POST['submit']))
{
	$username=$_POST['uname'];
	$password=$_POST['pname'];
	$fname=$_POST['fname'];
	$dob=$_POST['dob'];
	$place=$_POST['place'];
	$mandal=$_POST['mandal'];
	$district=$_POST['district'];
	$period=$_POST['period'];
	$posis=$_POST['posis'];
	$joiniedAs=$_POST['joiniedAs'];
	$ppof=$_POST['ppof'];
	$Organization=$_POST['Organization'];
	$quali=$_POST['quali'];
	$desi=$_POST['desi'];
	$achi=$_POST['achi'];
	$country=$_POST['country'];
	$state=$_POST['state'];
	$city=$_POST['city'];
	$memories=$_POST['memories'];
	$sugge=$_POST['sugge'];
	$email=$_POST['email'];
	$phone=$_POST['phone'];
	$Retired_as=$_POST['Retired_as'];
	$Retired_at=$_POST['Retired_at'];
	$result= $db1->insertStaffDetails($username,$password,$fname,$dob,$quali,$place,$mandal,$district,$period,$joiniedAs,$posis,$ppof,$Organization,$desi,$Retired_as,$Retired_at,$achi,$country,$state,$city,$phone,$email,$memories,$sugge);
	
	if($result==-1)
	{

echo "<script>alert('Email already exists');</script>";
		echo '<script>location.replace("staffSignup.php");</script>';
	}
	else if($result==-2)
	{
	//echo '2';
		echo "<script>alert('username already exists ');</script>";
		echo '<script>location.replace("staffSignup.php");</script>';
	}

else if($result==1)
	{
	//echo '2';
		echo "<script>alert('You are successfully registered.');</script>";
		echo '<script>location.replace("staffthankyou.php");</script>';
	}
	else
	{
		echo "<script>alert('Sorry try again');</script>";
		echo '<script>location.replace("staffSignup.php");</script>';
	}
}

<!DOCTYPE html>
<html>
<head>
     <meta charset="UTF-8">
     <title>Signup Form</title>
     	<meta name="viewport" content="width=device-width, initial-scale=1">
		 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
		 <link rel="stylesheet" href="style.css">
<style>
.heading{
    color:#fff;
}
    .container{
    font-family:Roboto,sans-serif;
/*
    background-color: skyblue;
*/
	  
    
    
     margin: 0 auto;
     text-align: center;
     opacity: 0.8;
     margin-top: 67px;
     box-shadow: 2px 5px 5px 0px #eee;
     max-width: 800px;
     padding-top: 10px;

background: rgba(0, 0, 0, 0.8);
}
</style>
</head>
<body>
 <div class="container">
 
     <header class="heading"> Registration-Form</header><hr></hr>
	 
	<form class="" method="post" action="#" autocomplete="off">
	<div class="row ">

<div class="col-sm-12">
		<div class="row">
			<div class="col-xs-5">
				  <label class="Username labelText">Username <span style="color:red">*</span> :</label> </div>
			<div class="col-xs-6">
				<input type="text" name="uname" id="uname" placeholder="Enter your Username" class="form-control ">
		</div>
		<div class="col-xs-1"></div>
		 </div>
	</div>

<div class="col-sm-12">
		<div class="row">
			<div class="col-xs-5">
				  <label class="password labelText">Password <span style="color:red">*</span>:</label> </div>
			<div class="col-xs-6">
				<input type="password" name="pname" id="pname" placeholder="Enter your Password" class="form-control ">
		</div>
		<div class="col-xs-1"></div>
		 </div>
	</div>

<div class="col-sm-12">
		<div class="row">
			<div class="col-xs-5">
				  <label class="password labelText">Confirm Password:</label> </div>
			<div class="col-xs-6">
				<input type="password" name="cp" id="cp" placeholder="Enter your confirm Password" class="form-control ">
		</div>
		<div class="col-xs-1"></div>
		 </div>
	</div>

<div class="col-sm-12">
             <div class="row">
			     <div class="col-xs-5">
          	         <label class="firstname">Name <span style="color:red">*</span> :</label> </div>
		         <div class="col-xs-6">
		             <input type="text" name="fname" id="fname" placeholder="Enter your First Name" class="form-control ">
			 </div>
			 <div class="col-xs-1"></div>
		      </div>
		 </div>
		 
		 <div class="col-sm-12">
		     <div class="row">
			     <div class="col-xs-5">
		             <label class="mail" >Date of Birth <span style="color:red">*</span>:</label></div>
			     <div class="col-xs-6">	 
			          <input type="text" name="dob"  id="datepicker" placeholder="Enter your Date of birth" class="form-control" readonly>
				 </div>
				 <div class="col-xs-1"></div>
		     </div>
		     
		 </div>
		 <div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					<label class="lastname">Qualification <span style="color:red">*</span>:</label></div>
			   <div class ="col-xs-6">	 
					<input type="text" name="quali" id="quali" placeholder="Enter your Qualification" class="form-control last">
			   </div>
			   <div class="col-xs-1"></div>
			</div>
		</div>
		  
         <div class="col-sm-12">
		     <div class="row">
			     <div class="col-xs-5">
                     <label class="lastname">Native Place <span style="color:red">*</span>:</label></div>
				<div class ="col-xs-6">	 
		             <input type="text" name="place" id="place" placeholder="Enter your Native Place" class="form-control last">
				</div>
				<div class="col-xs-1"></div>
		     </div>
		 </div>
		 
		 <div class="col-sm-12">
		     <div class="row">
			     <div class="col-xs-5">
                     <label class="lastname">Mandal <span style="color:red">*</span>:</label></div>
				<div class ="col-xs-6">	 
		             <input type="text" name="mandal" id="mandal" placeholder="Enter your Mandal" class="form-control last">
				</div>
				<div class="col-xs-1"></div>
		     </div>
		 </div>
		 
		 <div class="col-sm-12">
		     <div class="row">
			     <div class="col-xs-5">
                     <label class="lastname">District <span style="color:red">*</span>:</label></div>
				<div class ="col-xs-6">	 
		             <input type="text" name="district" id="district" placeholder="Enter your District" class="form-control last">
				</div>
				<div class="col-xs-1"></div>
		     </div>
		 </div>
    
		 <div class="col-sm-12">
		     <div class="row">
			     <div class="col-xs-5">
		             <label class="mail" >Year Of Entry In School <span style="color:red">*</span>:</label></div>
			     <div class="col-xs-6">	 
			          <input type="text" name="period"  id="period" placeholder="Enter your year of entry in school" class="form-control" >
				 </div>
				 <div class="col-xs-1"></div>
		     </div>
		 </div>
		 
		 <div class="col-sm-12">
		     <div class="row">
			     <div class="col-xs-5">
		             <label class="mail" >Joined In School As <span style="color:red">*</span>:</label></div>
			     <div class="col-xs-6">	 
			          <input type="text" name="joiniedAs"  id="joiniedAs" placeholder="Enter your joining in school as" class="form-control" >
				 </div>
				 <div class="col-xs-1"></div>
		     </div>
		 </div>
	
          <div class="col-sm-12">
		         <div class="row">
				     <div class="col-xs-5">
		 	              <label class="pass">Period Of Stay In School <span style="color:red">*</span>:</label></div>
				  <div class="col-xs-6">
			             <input type="text" name="posis" id="posis" placeholder="YYYY" class="form-control">
				 </div>
				 <div class="col-xs-1"></div>
          </div>
		  </div>
		  
		   
	
		<div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					  <label class="pass">Present Place Of Working <span style="color:red">*</span>:</label></div>
			 <div class="col-xs-6">
					<input type="text" name="ppof" id="ppof" placeholder="Enter your Present Working Place" class="form-control last">
			</div>
			<div class="col-xs-1"></div>
		</div>
		</div>
		
	  <div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					  <label class="firstname">Organization <span style="color:red">*</span>:</label> </div>
				<div class="col-xs-6">
					<input type="text" name="Organization" id="Organization" placeholder="Enter your Organization Name" class="form-control ">
			</div>
			<div class="col-xs-1"></div>
			 </div>
		</div>
		
		 <div class="col-sm-12">
				<div class="row">
					<div class="col-xs-5">
						  <label class="pass">Designation <span style="color:red">*</span>:</label></div>
				 <div class="col-xs-6">
						<input type="text" name="desi" id="desi" placeholder="Enter your Designation" class="form-control last">
				</div>
				<div class="col-xs-1"></div>
		 </div>
		 </div>

<div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					<label class="mail" >Retired As <span style="color:red">*</span>:</label></div>
				<div class="col-xs-6">	 
					 <input type="text" name="Retired_as"  id="Retired_as" placeholder="Enter your profession where you retired as" class="form-control" >
				</div>
				<div class="col-xs-1"></div>
			</div>
		</div>
	
		 <div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					<label class="mail" >Retired At <span style="color:red">*</span>:</label></div>
				<div class="col-xs-6">	 
					 <input type="text" name="Retired_at"  id="Retired_at" placeholder="Enter the year when you retired at" class="form-control" >
				</div>
				<div class="col-xs-1"></div>
			</div>
		</div>
	
	
		<div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					<label class="mail" >Achievements:</label></div>
				<div class="col-xs-6">	 
					 <input type="text" name="achi"  id="achi" placeholder="Enter your Achievements" class="form-control" >
				</div>
				<div class="col-xs-1"></div>
			</div>
		</div>
	
		<div class="col-sm-12" style="height: 15px;">
				<div class="row"></div></div>
				
		<div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					<label class="mail" >country <span style="color:red">*</span>:</label></div>
				<div class="col-xs-6">	 
					 <input type="text" name="country"  id="country" placeholder="Enter your country where you are living" class="form-control" >
				</div>
				<div class="col-xs-1"></div>
			</div>
		</div>		
				
	   <div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					<label class="mail" >state <span style="color:red">*</span>:</label></div>
				<div class="col-xs-6">	 
					 <input type="text" name="state"  id="state" placeholder="Enter your state" class="form-control" >
				</div>
				<div class="col-xs-1"></div>
			</div>
		</div>
		
		 <div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					<label class="mail" >City/Place <span style="color:red">*</span>:</label></div>
				<div class="col-xs-6">	 
					 <input type="text" name="city"  id="city" placeholder="Enter your city or place" class="form-control" >
				</div>
				<div class="col-xs-1"></div>
			</div>
		</div>
		
		<div class="col-sm-12">
				<div class="row">
					<div class="col-xs-5">
						<label class="mail" >Contact <span style="color:red">*</span>:</label></div>
					<div class="col-xs-6">	 
						 <input type="text" name="phone"  id="phone" placeholder="Enter your phone Number" class="form-control" >
					</div>
					<div class="col-xs-1"></div>
				</div>
			</div>
			
			 <div class="col-sm-12">
					<div class="row">
						<div class="col-xs-5">
							  <label class="pass">EmailId <span style="color:red">*</span>:</label></div>
					 <div class="col-xs-6">
							<input type="email" name="email"  id="email" placeholder="Enter your email" class="form-control" >
					</div>
					<div class="col-xs-1"></div>
			 </div>
			 </div>

<div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					<label class="mail" >memories In School:</label></div>
				<div class="col-xs-6">	 
					 <textarea type="text" rows=2 name="memories"  id="memories" placeholder="Enter your memories" class="form-control " ></textarea>
				</div>
				<div class="col-xs-1"></div>
			</div>
		</div>
		
		 <div class="col-sm-12">
			<div class="row">
				<div class="col-xs-5">
					  <label class="pass">Suggestions:</label>
				</div>
				 <div class="col-xs-6">
						<input type="text" name="sugge" id="sugge" placeholder=" Enter your  Suggestions" class="form-control">
				</div>
				<div class="col-xs-1"></div>
			</div>
		 </div> 
		     <div class="col-sm-12" style="margin: 10px 0px 30px 0px;">
				 
				 <input class="btn btn-warning" value="Register" type="submit" name="submit" onclick="return validate();">
		   </div>
		</form>	 
	 </div>	 
		 		 
	
</div>
<div class="col-sm-12" style="margin: 20px 0px 30px 0px;"></div>
</body>	
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>

function validate()
	{
		
		var letters = /^[A-Za-z]+$/;
		
				if(document.getElementById('uname').value=='')
		{
			alert('Enter User name');
			document.getElementById('uname').focus();
			return false;

}
		
		
		if(document.getElementById('pname').value=='')
		{
			alert('Enter password');
			document.getElementById('pname').focus();
			return false;

}
	
		if(document.getElementById('cp').value=='')
		{
			alert('Enter confirm password');
			document.getElementById('cp').focus();
			return false;

}
			
		if (document.getElementById('pname').value != document.getElementById('cp').value)
		{ 
			alert("Your password and confirmation password do not match.");
			document.getElementById('cp').focus();
			return false; 
		}
		
		if(document.getElementById('fname').value=='')
		{
			alert('Enter your Name');
			document.getElementById('fname').focus();
			return false;

}
		
		if(!document.getElementById('fname').value.match(letters))
		{
			alert('Enter alphabets only');
			document.getElementById('fname').value='';
			document.getElementById('fname').focus();
			return false;

}
		
		
		if(document.getElementById('datepicker').value=='')
		{
			alert('Enter Your Date of Birth');
			document.getElementById('datepicker').focus();
			return false;

}
		
		
		if(document.getElementById('quali').value=='')
		{
			alert('Enter Your Qualification');
			document.getElementById('quali').focus();
			return false;

}

if(document.getElementById('place').value=='')
		{
			alert('Enter your Native Place');
			document.getElementById('place').focus();
			return false;

}
		
		if(!document.getElementById('place').value.match(letters))
		{
			alert('Enter alphabets only');
			document.getElementById('place').value='';
			document.getElementById('place').focus();
			return false;

}

if(document.getElementById('mandal').value=='')
		{
			alert('Enter your Mandal');
			document.getElementById('mandal').focus();
			return false;

}
		if(!document.getElementById('mandal').value.match(letters))
		{
			alert('Enter alphabets only');
			document.getElementById('mandal').value='';
			document.getElementById('mandal').focus();
			return false;

}
		
		if(!document.getElementById('district').value.match(letters))
		{
			alert('Enter Your district name');
			document.getElementById('district').value='';
			document.getElementById('district').focus();
			return false;

}

if(document.getElementById('period').value=='')
		{
			alert('Year Of Entry is not empty');
			document.getElementById('period').focus();
			return false;

}
	/*	else if(document.getElementById('period').value.search(/^[0-9]+$/)==-1)
		{
			alert('Enter your year of entry in school');
			document.getElementById('period').focus();
			return false;

}*/

if(document.getElementById('joiniedAs').value=='')
		{
			alert('Enter Your Joining Date in school');
			document.getElementById('joiniedAs').focus();
			return false;

}

if(document.getElementById('posis').value=='')
		{
			alert('Enter Your period of stay in school');
			document.getElementById('posis').focus();
			return false;

}
		if(document.getElementById('posis').value.search(/^[0-9]+$/) == -1)
		{
			alert('Enter Your period of stay in school');
			document.getElementById('posis').focus();
			return false;

}

if(document.getElementById('ppof').value=='')
		{
			alert('Enter Your Current Working place');
			document.getElementById('ppof').focus();
			return false;

}

if(document.getElementById('Organization').value=='')
		{
			alert('Enter Your Organization Name');
			document.getElementById('Organization').focus();
			return false;

}

if(document.getElementById('desi').value=='')
		{
			alert('Enter Your Designation');
			document.getElementById('desi').focus();
			return false;

}
		
			if(document.getElementById('Retired_as').value=='')
		{
			alert('Enter your profession retired as');
			document.getElementById('Retired_as').focus();
			return false;

}  
		
			if(document.getElementById('Retired_at').value=='')
		{
			alert('Enter the year when you retired at');
			document.getElementById('Retired_at').focus();
			return false;

}

/*	if(document.getElementById('achi').value=='')
		{
			alert('Enter your Achievements');
			document.getElementById('achi').focus();
			return false;

} */
		
		if(document.getElementById('state').value=='')
		{
			alert('Enter your State');
			document.getElementById('state').focus();
			return false;

}
		
		if(document.getElementById('country').value=='')
		{
			alert('Enter your Country');
			document.getElementById('country').focus();
			return false;

}
		
		if(document.getElementById('city').value=='')
		{
			alert('Enter your City');
			document.getElementById('city').focus();
			return false;

}

if (document.getElementById('phone').value.search(/[^0-9- \s]/) != -1) 
        {
			
			alert('Special Characters Not Allowed');
			document.getElementById('phone').focus();
			return false;
		}

if(document.getElementById('email').value=='')
		{
			alert('Enter email');
			document.getElementById('email').focus();
			return false;
		}
		 if (/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test(document.getElementById('email').value) == false)
		{
			alert('Enter valid email');
			document.getElementById('email').focus();
			return false;
        }
         if(document.getElementById('phone').value=='')
		{
			alert('Enter phone number');
			document.getElementById('phone').focus();
			return false;
		}
        
	/*	if(document.getElementById('memories').value=='')
		{
			alert('Please provide your memories with School');
			document.getElementById('memories').focus();
			return false;

} */

/*	if(document.getElementById('sugge').value=='')
		{
			alert('Enter your Suggestions');
			document.getElementById('sugge').focus();
			return false;

} */

}
	
	
		$(function(){		
    $("#datepicker").datepicker({
        dateFormat: "dd-mm-yy",
         maxDate: 0,
		changeMonth: true,
        changeYear: true,
		yearRange: "-60:+0"
    });
});

</script>

</html>