1
<?php
include 'connection.php ';
if(isset($_POST['submit']))
{
$name1=$_POST['name'];
$email1=$_POST['email'];
$re_email1=$_PO ST['email1'];
$npass1=$_POST['pass'];
$npass2=$_POST['pass1'];
$phone1=$_POST['phone'];
$state1=$_POST['state'];
$city1=$_POST['city'];
$street1=$_POST['street'];
$pin1=$_POST['pin'];
$sql="INSERT INTO user_details (uname,email,re _email,pass1,pa ss2,phone,ustat e,city,street,p in) VALUES ('$name1','$ema il1','$re_email 1','$npass1','$ npass2','$phone 1','$state1','$ city1','$street 1','$pin1')";
// $sql="INSERT INTO user_details (uname,email,re _email,pass1,pa ss2,phone,ustat e,city,street,p in) VALUES ('$name1','".$e mail1."','".$re _email1."','".$ npass1."','".$n pass2."','".$ph one1."','".$sta te1."','".$city 1."','".$street 1."','".$pin1." ')";
$result=mysqli_ query($conn,$sq l);
if($result)
{
echo "<br>User has been registered";
header('Locatio n: mainpage.php');
exit;
}
else{
echo "Error:".$sql." :-".mysqli_error( $conn);
}
mysqli_close($c onn);
}
?>
<html>
<head>
<title>SignUp </title>
<style>
#carlogo{
width:120px;
height:120px;
padding-top: 2px;
border-radius: 80%;
}
#company_name{
font-size: xx-large;
font-weight: bolder;
padding: 30px;
font-family: 'Courier New', Courier, monospace;
}
.topnavigation{
background-blend-mode: difference;
display:flex;
align-items: center;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.0);
box-sizing: border-box;
/* border:white; */
/* border-width:3px; */
/* border-bottom: white; */
}
body{
background-image: url("images/pexels-garvin-st-villier-3311574.jpg");
margin:0px;
margin-top: 20px;
padding: 0px;
background-size: cover ;
zoom: 0;
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
label{
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-weight: bold;
color: white;
}
.signup{
border-radius: 25px;
border: 4px solid yellow;
background-color:rgb(32, 32, 32);
margin-left: 50px;
margin-top: 30px;
margin-bottom: 20px;
padding: 20px;
width: 400px;
height: auto;
}
.signup:hover{
background-color: rgb(70, 68, 68);
border: 4px solid yellow
}
.register{
opacity: 0.9;
background-blend-mode: difference;
}
.para{
font-weight: bolder;
font-size:larger;
text-align: center;
}
.button{
background-color: yellow;
border:none;
color:black;
font-weight: bolder;
padding:8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
margin:0px 2px;
cursor: pointer;
border-radius: 15px;
transition: 0.3s;
width:40%;
margin-left: auto;
}
.button:hover{
background-color: black;
color:white;
}
input[type=text], select,input[type=email],input[type=password],input[type=number],input[type=tel],textarea[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
</style>
<script type='text/JavaScript'>
function check(){
var letters= /^[A-Za-z]+$/;
var numbers = /^[0-9]+$/;
//password validation
if((signupform. pass.value.leng th < "6") || (signupform.pas s1.value.length <"6") ||(signupform.p ass.value > "8")||(signupfo rm.pass1.value > "8")){
alert("!! Invalid Password. Enter Password with 6-8 characters !!");
pass.focus();
pass2.focus();
return false;
}
if(signupform.p ass.value != signupform.pass 1.value){
alert("! Both the passwords does not match !");
pass.focus();
pass1.focus();
return false;
}
//email validation
if(signupform.e mail.value != signupform.emai l1.value){
alert("! Both the Email Addresses does not match !")
email.focus();
email1.focus();
return false;
}
//phone number validation
if((signupform. phone.value.len gth >10)||(signupfo rm.phone.value. length <9)){
alert("Invalid Phone no, Must contain only 10 digits")
phone.focus();
return false;
}
// window.location .href="login.ht ml";
alert("User has been successfully Registered");
true;
}
</script>
</head>
<body>
<div class="topnavig ation">
<img id="carlogo" src="images/download.jfif" alt="Avatar">
<span id="company_nam e">CLASSICS CUSTOMS</span>
</div>
<div class="register " >
<div class="signup">
<form name="signupfor m" method="POST" onsubmit="retur n check()" action="mainpag e.php">
<center><b><h 2 style="color: white;">Enter your Details to SignUp</h2></b></center>
<label>Name :</label><input type="text" name="name" id="name" placeholder="En ter Full Name" required><br><b r>
<label>Email :</label><input type="email" name="email" id="email" placeholder="En ter Email" required><br><b r>
<label>Confir m Email :</label><input type="email" name="email1" id="email1" placeholder="Re-enter Email" required><br><b r>
<label>Passwo rd :<label><input type="password" name="pass" id="pass" placeholder="En ter Password of maximum 10 digits"required ><br><br>
<label>Confir m Password :</label><input type="password" name="pass1" id="pass1" placeholder="Re-enter Password"><br>< br>
<label>Mobile No :</label><input type="tel" name="phone" id="phone" placeholder="En ter Phone no"><br><br>
<label>State :</label>
<select name="state" id="state">
<option value="Kerala"> Kerala</option>
<option value="Tamil Nadu">Tamil Nadu</option>
<option value="Karnatak a">Karnataka </option>
<option value="Andhra Pradesh">Andhra Pradesh</option>
<option value="Goa">Goa </option>
<option value="Maharast ra">Maharastr a</option>
<option value="Gujarat" >Gujarat</option>
<option value="Madhya Pradesh">Madhya Pradesh</option>
</select><br><br>
<label>City :</label><input type="text" name="city" id="city" placeholder="En ter your city"><br><br>
<label>Street/Address :</label><textarea type="text" name="street" id="street" placeholder="En ter your street"></textarea><br><b r>
<label>PinCod e :</label><input type="number" name="pin" id="pin" placeholder="En ter your PinCode"><br><b r>
<center><butt on class="button" name="submit">S ignUp</button></center>
<!-- <center><input* type="submit"*c lass="button"*n ame="submit"*va lue="Signup"></center> -->
</form>
</div>
</div>
</body>
</html>
<!-- pattern="^\d{6} $" -->
