JezK

Edit File: signup.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'];
	$san=$_POST['san'];
	$joiningDate=$_POST['joiningDate'];
	$section=$_POST['section'];
	$pob=$_POST['pob'];
	$quali=$_POST['quali'];
	$prof=$_POST['prof'];
	$desi=$_POST['desi'];
	$comdep=$_POST['comdep'];
	$pead=$_POST['pead'];
	$prad=$_POST['prad'];
	$achi=$_POST['achi'];
	$country=$_POST['country'];
	$state=$_POST['state'];
	$memories=$_POST['memories'];
	$sugge=$_POST['sugge'];
	$email=$_POST['email'];
	$phone=$_POST['phone'];
	$result= $db1->insertUserDetails($username,$password,$fname,$dob,$place,$mandal,$district,$period,$san,$joiningDate,$section,$pob,$quali,$prof,$desi,$comdep,$pead,$prad,$achi,$country,$state,$memories,$sugge,$email,$phone);
	if($result==-1)
{
  
    echo "<script>alert('Email already exists');</script>";
    echo '<script>location.replace("signup.php");</script>';
}
else if($result==-2)
{
    //echo '2';
	echo "<script>alert('username already exists ');</script>";
    echo '<script>location.replace("signup.php");</script>';
}
	
else if($result==1)
{
    //echo '2';
	echo "<script>alert(You are successfully registered.');</script>";
    echo '<script>location.replace("thankyou.php");</script>';
}
else
	{
		echo "<script>alert('Sorry try again');</script>";
		echo '<script>location.replace("signup.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"> Student 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>country
	</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">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">country
		     <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" >Period of study in school<span style="color:red">*</span>:</label></div>
			     <div class="col-xs-6">	 
			          <input type="text" name="period" id="period" placeholder=" From Year to To Year " 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">School Admission Number</label></div>
				  <div class="col-xs-6">
			             <input type="text" name="san" id="san" placeholder="School Admission 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="mail" >Joining Date In School:</label></div>
			     <div class="col-xs-6">	 
			          <input type="text" name="joiningDate"  id="joiningDate_datepicker" placeholder="Enter your Period of study 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="pass">Section<span style="color:red">*</span>:</label></div>
			 <div class="col-xs-6">
					<input type="text" name="section" id="section" placeholder="Enter your Section" 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">Passed Out Batch<span style="color:red">*</span>:</label> </div>
				<div class="col-xs-6">
					<input type="text" name="pob" id="pob" placeholder="Enter your Passed Out Batch" 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="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="mail" >Profession<span style="color:red">*</span>:</label></div>
				<div class="col-xs-6">	 
					 <input type="text" name="prof"  id="prof" placeholder="Enter your Profession" 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="pass">Company/ Department<span style="color:red">*</span>:</label></div>
				 <div class="col-xs-6">
	
	<input type="text" name="comdep" id="comdep" placeholder="Enter your Company/ Department" 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" >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">
			<div class="row">
				<div class="col-xs-5">
					  <label class="firstname">Permanent Address <span style="color:red">*</span>:</label> </div>
				<div class="col-xs-6">
					
					<textarea class="form-control" rows="2" name="pead" id="pead" id="comment" placeholder="Enter your Permanent Address"></textarea>
					
			</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="lastname">Present Address<span style="color:red">*</span>:</label></div>
			   <div class ="col-xs-6">	 
				
					<textarea class="form-control last" rows="2" name="prad" id="prad" placeholder="Enter your Present Address" ></textarea>
			   </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" 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" >memories:</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">
					<div class="row">
						<div class="col-xs-5">
							  <label class="pass">Email<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" >Telephone<span style="color:red">*</span>:</label></div>
					<div class="col-xs-6">	 
						 <input type="text" name="phone"  id="phone" placeholder="Enter your phone" 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()
	{
		
		//alert();
		//return false;
		var ph=document.getElementById('phone').value;
		//alert(ph);return false;
		if(document.getElementById('uname').value=='')
		{
			alert('Enter User name');
			document.getElementById('uname').focus();
			return false;

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

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

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

}
		
		else if(document.getElementById('fname').value.search(/[^A-Za-z- \s]/) != -1)
		{
			alert('Enter alphabets only');
			document.getElementById('fname').value='';
			document.getElementById('fname').focus();
			return false;

}

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

}

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

}
		else if(document.getElementById('place').value.search(/[^A-Za-z- \s]/) != -1)
		{
			alert('Enter alphabets only');
			document.getElementById('place').value='';
			document.getElementById('place').focus();
			return false;

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

}

else if(document.getElementById('mandal').value.search(/[^A-Za-z- \s]/) != -1)
		{
			alert('Enter alphabets only');
			document.getElementById('mandal').value='';
			document.getElementById('mandal').focus();
			return false;

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

}

else if(document.getElementById('district').value.search(/[^A-Za-z- \s]/) != -1)
		{
			alert('Enter alphabets only');
			document.getElementById('district').value='';
			document.getElementById('district').focus();
			return false;

}

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

}
		
			
		/*	else if(document.getElementById('san').value=='')
		{
			alert('Enter Your School Admission Number');
			document.getElementById('san').focus();
			return false;

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

} */
		
		
		else if(document.getElementById('section').value=='')
		{
			alert('Enter Your Section');
			document.getElementById('section').focus();
			return false;

}

else if(document.getElementById('pob').value=='')
		{
			alert('Enter Your Passed Out Batch');
			document.getElementById('pob').focus();
			return false;

}

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

}

else if(document.getElementById('prof').value=='')
		{
			alert('Enter Your Profession');
			document.getElementById('prof').focus();
			return false;

}

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

}

else if(document.getElementById('comdep').value=='')
		{
			alert('Enter yourCompany/ Department');
			document.getElementById('comdep').focus();
			return false;

}

else if(document.getElementById('pead').value=='')
		{
			alert('Enter Your Permanent Address');
			document.getElementById('pead').focus();
			return false;

}

else if(document.getElementById('prad').value=='')
		{
			alert('Enter Your Present Address');
			document.getElementById('prad').focus();
			return false;

}

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

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

}
		
		
	/*	
		else if(document.getElementById('memories').value=='')
		{
			alert('Please provide your memories with School');
			document.getElementById('memories').focus();
			return false;

}

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

} */
		
		else if(document.getElementById('email').value=='')
		{
			alert('Enter email');
			document.getElementById('email').focus();
			return false;
		}
		else 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;
        }
        else if(document.getElementById('phone').value=='')
		{
			alert('Enter phone number');
			document.getElementById('phone').focus();
			return false;
		}
        else if (document.getElementById('phone').value.search(/[^0-9- \s]/) != -1) 
        {
			
			alert('Special Characters Not Allowed');
			document.getElementById('phone').focus();
			return false;
		}
	}

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

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

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

</script>

</html>