REGISTER PAGE
REGISTER.PHP
<?php
include "conn.php"; // DATA BASE CONNACTION
if(isset($_POST['save']))
{
$fullname= $_POST['fullname'];
$age= $_POST['age'];
$mobile= $_POST['mobile'];
$date= $_POST['date'];
$email_id= $_POST['email_id'];
$password= $_POST['password'];
$address= $_POST['address'];
$state= $_POST['state'];
$gender= $_POST['gender'];
$hobbies= $_POST['hobbies'];
$finalhobb= implode(',',$hobbies);
$filename = $_FILES["profileimage"]["name"];
$tempname = $_FILES["profileimage"]["tmp_name"];
$folder = "image/".$filename;
move_uploaded_file($tempname, $folder);
echo $filename;
$sql = "INSERT INTO ab (`fullname`,`age`,`mobile`,`date`,`email_id`,`password`,`address`,`state`,`gender`,`hobbies`,`image`) /* INSERT DATA QUARY */
VALUES ('$fullname','$age','$mobile','$date','$email_id','$password','$address','$state','$gender','$finalhobb','$filename')";
if (mysqli_query($db, $sql)) {
header("location:login.php"); // REDIRECTS TO ALL RECORDS PAGE
exit;
} else {
echo "Error: " . $sql . "" . mysqli_error($db);
}
mysqli_close($db);
}
?>
<html>
<body>
<head>
<title> Register Form </title>
</head>
<h1>Register</h1>
<form action="" method="post" enctype="multipart/form-data">
Full Name:<span style="color:red">*</span><input type="text" id="name" name="fullname"><br>
<span id="nameerror" style="color:red"></span>
<br><br>
Age: <span style="color:red">*</span><input type="text" id="age" name="age"><br>
<span id="ageerror" style="color:red"></span>
<br><br>
Mobile: <span style="color:red">*</span><input type="text" id="mobile" name="mobile"><br>
<span id="mobileerror" style="color:red"></span>
<br><br>
Date: <span style="color:red">*</span><input type="date" id="date" name="date"><br>
<span id="dateerror" style="color:red"></span>
<br><br>
Email ID: <span style="color:red">*</span><input type="text" id="email" name="email_id"><br>
<span id="emailerror" style="color:red"></span>
<br><br>
Password: <span style="color:red">*</span><input type="password" id="password" name="password"><br>
<span id="passworderror" style="color:red"></span>
<br><br>
Conform Password: <span style="color:red">*</span><input type="password" id="cpassword" name="conformpassword"><br>
<span id="cpassworderror" style="color:red"></span>
<br><br>
Address: <span style="color:red">*</span><textarea name="address" rows="10" cols="40"></textarea><br>
<span id="addresserror" style="color:red"></span>
<br><br>
State: <span style="color:red">*</span><select name="state" id="state">
<option value=""></option>
<option value="Gujarat">Gujarat</option>
<option value="Maharastra">Maharastra</option>
<option value="Bihar">Bihar</option>
<option value="Goa">Goa</option>
<option value="Haryana">Haryana</option>
<option value="Kerala">Kerala</option>
</select><br>
<span id="stateerror" style="color:red"></span>
<br><br>
Gender:
<span style="color:red">*</span>
<input type="radio" id="female" name="gender" value="female">Female
<input type="radio" id="male" name="gender" value="male">Male<br>
<span id="gendererror" style="color:red"></span>
<br><br>
Hobbies:
<span style="color:red">*</span>
Sports <input id="sports" value="sports" name="hobbies[]" type="checkbox">
Music <input id="music" value="music" name="hobbies[]" type="checkbox">
Drowing <input id="drowing" value="drowing" name="hobbies[]" type="checkbox"><br>
<span id="hobbieserror" style="color:red"></span>
<br><br>
<span style="color:red">*</span>
<input type="file" id="profileimage" name="profileimage"><br><br>
<span id="imageerror" style="colour:red"></span>
<input type="submit" onclick="return validation()" name="save">
</form>
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function validation() { // VLADATION
var temp=0;
var name=$('#name').val();
if (name=="") {
$('#nameerror').html('Please enter a name');
temp++;
}else{
$('#nameerror').html('');
}
var age=$('#age').val();
if (age=="") {
$('#ageerror').html('Please enter a age');
temp++;
}else{
$('#ageerror').html('');
}
var mobile=$('#mobile').val();
if (mobile=="") {
$('#mobileerror').html('Please enter a mobile');
temp++;
}else{
$('#mobileerror').html('');
}
var date=$('#date').val();
if (date=="") {
$('#dateerror').html('Please enter a date');
temp++;
}else{
$('#dateerror').html('');
}
var email=$('#email').val();
if (email=="") {
$('#emailerror').html('Please enter a email id');
temp++;
}else{
$('#emailerror').html('');
}
var password=$('#password').val();
if (password=="") {
$('#passworderror').html('Please enter a password');
temp++;
}else{
$('#passworderror').html('');
}
var conformpassword=$('#cpassword').val();
if (conformpassword=="") {
$('#cpassworderror').html('Please enter a conform password');
temp++;
}else{
$('#cpassworderror').html('');
}
if (password!=conformpassword) {
$('#cpassworderror').html('Password do not match');
temp++;
}else{
$('#cpassworderror').html('');
}
var address=$('#address').val();
if (name=="") {
$('#addresserror').html('Please enter a address');
temp++;
}else{
$('#addresserror').html('');
}
var state=$('#state').val();
if (state=="") {
$('#stateerror').html('Please enter a state');
temp++;
}else{
$('#stateerror').html('');
}
if ($('input[name="gender"]:checked').length == 0) { // RADIO BUTTON VLADITION
$('#gendererror').html('Please enter a gender');
temp++;
}else{
$('#gendererror').html('');
}
if ($('input[name="hobbies[]"]:checked').length == 0) { // CHACKBOX VILIDATION
$('#hobbieserror').html('Please enter a hobbies');
temp++;
}else{
$('#hobbieserror').html('');
}
var fuData = document.getElementById('profileimage'); // CHOICE FILE (IMAGE) VILADITION
var FileUploadPath = fuData.value;
if (FileUploadPath == '') {
alert('please select image');
temp++;
} else {
var Extension = FileUploadPath.substring(
FileUploadPath.lastIndexOf('.') + 1).toLowerCase();
if (Extension == "png" || Extension == "jpeg" || Extension == "jpg") {
if (fuData.files && fuData.files[0]) {
var reader = new FileReader();
reader.onload = function(e) { }
reader.readAsDataURL(fuData.files[0]);
}
}else {
alert('Photo only allows image types of PNG, JPG, JPEG.');
temp++;
}
}
if(temp==0){
return true;
}else{
return false;
}
}
</script>
Comments
Post a Comment