Re: Password Encryption po patulong
Sir patulong po sa php language
pwede po ba patulong pano lagyan po yung login atsaka registration page ko po ng password encryption?
eto po registration form ko po
<!DOCTYPE html>
<html lang="en">
<head>
<title>Register to Fox River Membership</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/carousel.js"></script>
<script src="js/jquery-latest.js"></script>
<script>
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
</script>
<style>
body{
margin-top: 100px;
}
.content {
max-width: 800px;
float: left;
margin-left: 80px;
/* border: 1px solid blue; */
display: table;
width: 100%;
}
.rightColumn {
display: table-cell;
padding: 4px 10px 0;
float: right;
vertical-align: top;
width: 230px;
/* border: 1px solid #000; */
}
h3{
-webkit-text-stroke: 1px black;
}
.sign-up
{
width: 362px;
float: right;
margin-right: 30px;
background-color: rgba(0,0,0,.2);
padding: 10px;
border-radius:10px;
}
.side-content h2 {
text-align: center;
font-family: 'Open Sans', arial;
color: #737373;
font-size: 20px;
font-weight: 300;
margin-bottom: 15px;
-webkit-text-stroke:.2px gray ;
}
.side-content{
/*border:1px solid blue;*/
height:560px;
background-image:url("img/bgreg2.jpg");
width:600px;
margin-left: 30px;
background-repeat:no-repeat;
background-position:center;
background-size:650px 650px;
border-radius: 20px;
}
.side-content p{
text-align: center;
font-family: 'Open Sans', arial;
color: #737373;
font-size: 12px;
margin-bottom: 40px;
-webkit-text-stroke:.5px black;
}
.regwhole{
margin: 0 auto;
width: 100%;
padding-top: 20px;
padding-bottom: 50px;
/*border:1px solid blue;*/
}
.regwhole h1:first-child {
margin: 0 0 .92em;
}
.regwhole h1{
text-align: center;
font-family: 'Open Sans', arial;
color: #555;
font-size: 38px;
font-weight: 300;
margin-top: 27px;
margin-bottom: 50px;
}
input#password {
width:180px;
padding:3px;
color: #000;
float:left;
margin-right:10px;
}
#password_strength_wrap {
border: 1px solid #D5CEC8;
display: none;
float: left;
padding: 10px;
position: relative;
width: 320px;
}
#password_strength_wrap:before, #password_strength_wrap:after {
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 10px solid transparent; /* arrow size */
}
#password_strength_wrap:before {
border-bottom: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0.1);
border-top: 7px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: -18px;
position: absolute;
top: 10px;
}
#password_strength_wrap:after {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid #fff;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: -16px;
position: absolute;
top: 11px;
}
#pswd_info ul {
list-style-type: none;
margin: 5px 0 0;
padding: 0;
}
#pswd_info ul li {
background: url(icon_password_strength.png) no-repeat left 2px;
padding: 0 0 0 20px;
}
#pswd_info ul li.valid {
background-position: left -42px;
color: green;
}
#passwordStrength {
display: block;
height: 5px;
margin-bottom: 10px;
transition: all 0.4s ease;
}
.strength0 {
background: none; /* too short */
width: 0px;
}
.strength1 {
background: none repeat scroll 0 0 #FF4545;/* weak */
width: 25px;
}
.strength2 {
background: none repeat scroll 0 0 #FFC824;/* good */
width: 75px;
}
.strength3 {
background: none repeat scroll 0 0 #6699CC;/* strong */
width: 100px;
}
.strength4 {
background: none repeat scroll 0 0 #008000;/* best */
width: 150px;
}
</style>
</head>
<body>
<nav class="navbar navbar-default" style="position: fixed; top: 0; z-index: 99; width: 100%; ; " >
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Fox River Resort</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.php">Home</a></li>
<li><a href="activities.php">Activities</a></li>
<li><a href="raso.php">Rates and Special Offer</a></li>
<li><a href="reservation.php">Reservation</a></li>
<li><a href="restaurant.php">Restaurant</a></li>
<li><a href="gallery.php">Gallery</a></li>
<li><a href="contactus.php">Contact Us</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Log In <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" style="padding:17px;">
<li class="dropdown-header"></li>
<form class="form" id="formLogin" action="guest/indexguestlogin.php" method="POST">
<input name="username" id="username" type="text" placeholder="Username" class="form-control" required="required">
<input name="password" id="pwd" type="password" placeholder="Password" class="form-control" required="required"><br>
<input type ="submit" Value="Login" name="submit" class="btn btn-default">
</form>
<li class="divider"></li>
<li class="dropdown-header">Don't have an account? </li>
<li class="active"><a href="regform.php">Register</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
</body>
<div class="regwhole">
<h1>Create Your Fox River Account</h1>
<div class="sign-up">
<h2>Registration Form </h2>
<form role="form" action="guestreg.php" method="POST">
<div class="form-group">
<label for="firstname">First Name:</label>
<input type="text" class="form-control" id="firstname"required="required" placeholder="Enter firstname" name="firstname">
</div>
<div class="form-group">
<label for="middlename">Middle Name:</label>
<input type="text" class="form-control" id="middlename"required="required" placeholder="Enter middlename" name="middlename">
</div>
<div class="form-group">
<label for="lastname">Last Name:</label>
<input type="text" class="form-control" id="lastname"required="required" placeholder="Enter lastname" name="lastname">
</div>
<div class="form-group">
<label for="username">Username:</label>
<input type="text" class="form-control" id="username"required="required" placeholder="Enter username" name="username">
</div>
<div class="form-group">
<label for="password">Password:</label><BR>
<input type="password" class="form-control" id="password" required="required" placeholder=" Enter password" name="password"><BR>
<div id="password_strength_wrap">
<div id="passwordDescription">Password not entered</div>
<div id="passwordStrength" class="strength0"></div>
<div id="pswd_info">
<strong>Strong Password Tips:</strong>
<ul>
<li class="invalid" id="length">At least 6 characters</li>
<li class="invalid" id="pnum">At least one number</li>
<li class="invalid" id="capital">At least one lowercase & one uppercase letter</li>
<li class="invalid" id="spchar">At least one special character</li>
</ul>
</div><!-- END pswd_info -->
</div><!-- END password_strength_wrap -->
</div>
<script src="js/jquery.min2.js"></script>
<script>
$("input#password").on("focus keyup", function () {
var score = 0;
var a = $(this).val();
var desc = new Array();
// strength desc
desc[0] = "Too short";
desc[1] = "Weak";
desc[2] = "Good";
desc[3] = "Strong";
desc[4] = "Best";
$("#password_strength_wrap").fadeIn(400);
// password length
if (a.length >= 6) {
$("#length").removeClass("invalid").addClass("valid");
score++;
} else {
$("#length").removeClass("valid").addClass("invalid");
}
// at least 1 digit in password
if (a.match(/\d/)) {
$("#pnum").removeClass("invalid").addClass("valid");
score++;
} else {
$("#pnum").removeClass("valid").addClass("invalid");
}
// at least 1 capital & lower letter in password
if (a.match(/[A-Z]/) && a.match(/[a-z]/)) {
$("#capital").removeClass("invalid").addClass("valid");
score++;
} else {
$("#capital").removeClass("valid").addClass("invalid");
}
// at least 1 special character in password {
if ( a.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,)]/) ) {
$("#spchar").removeClass("invalid").addClass("valid");
score++;
} else {
$("#spchar").removeClass("valid").addClass("invalid");
}
if(a.length > 0) {
//show strength text
$("#passwordDescription").text(desc[score]);
// show indicator
$("#passwordStrength").removeClass().addClass("strength"+score);
} else {
$("#passwordDescription").text("Password not entered");
$("#passwordStrength").removeClass().addClass("strength"+score);
}
});
$("input#password").blur(function () {
$("#password_strength_wrap").fadeOut(400);
});
</script>
<div class="form-group">
<label for="repassword">Confirm Password:</label>
<input type="password" class="form-control" id="repassword"required="required" placeholder="Re enter password" name="repassword">
</div>
<div class="form-group">
<label for="Contact No"> Contact Number </label>
<input type="Text" onkeypress="return isNumberKey(event)" class="form-control" id="contactno" required="required" name="contactno" placeholder="+63">
</div>
<div class="form-group">
<label for="Email"> E-mail Address </label>
<input type="Text" class="form-control" id="email" required="required" name="email" placeholder="Input a valid email">
<script language="javascript">
function checkEmail() {
var email = document.getElementById('email');
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email.value)) {
alert('Please provide a valid email address');
email.focus;
return false;
}
}</script>
</div>
<button type="submit" class="btn btn-default" onclick='Javascript:checkEmail();'>Submit</button>
</form>
</div>
<div class="side-content">
<br>
<h2> One account is all you need </h2>
<p> A single username and password for you to experience the ravishing and lovely place of Fox River </p>
</div>
</div>
</body>
</html>
eto naman po reg php ko
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/popupwindow.css"/>
<title>Register to Fox River Membership</title>
<div name="content">
<?php
include('dbconnect.php');
$username=$_POST['username'];
$password=$_POST['password'];
$repassword=$_POST['repassword'];
$lastname=$_POST['lastname'];
$middlename=$_POST['middlename'];
$firstname=$_POST['firstname'];
$contactno=$_POST['contactno'];
$email=$_POST['email'];
$_session['username']=$username;
$query = $pdo->prepare("select * from guestfr");
$query->execute();
$query2 = $pdo->prepare("select * from guestfr where username LIKE '%$username%' Limit 0,1");
$query2->execute();
if(empty($_POST['username'])|| empty($_POST['password']) || empty($_POST['lastname'])|| empty($_POST['middlename'])||empty($_POST['firstname'])||empty($_POST['repassword']) ||empty($_POST['contactno']) || empty($_POST['email']))
{
echo "<div id='dialog'>
<div id='dialog-bg'>
<div id='dialog-title'>Failed!</div>
<div id='dialog-description'>Some fields were left blank. Please fill up all fields.</div>
<!-- Buttons, both options close the window in this demo -->
<div id='dialog-buttons'>
<a href='regform.php' class='large blue button'>Return to Registration</a>
</div>
</div>
</div>";
exit;
}
if($password!=$repassword)
{
echo "<div id='dialog'>
<div id='dialog-bg'>
<div id='dialog-title'>Failed!</div>
<div id='dialog-description'>Password did not match. Please double check your password.</div>
<!-- Buttons, both options close the window in this demo -->
<div id='dialog-buttons'>
<a href='regform.php' class='large blue button'>Return to Registration</a>
</div>
</div>
</div>";
}
else if (strlen($password) <= 5){
echo "<div id='dialog'>
<div id='dialog-bg'>
<div id='dialog-title'>Failed!</div>
<div id='dialog-description'>Password is too short. It must be greater than 6 characters.</div>
<!-- Buttons, both options close the window in this demo -->
<div id='dialog-buttons'>
<a href='regform.php' class='large blue button'>Return to Registration</a>
</div>
</div>
</div>";
}
else if(!filter_var($email, FILTER_VALIDATE_EMAIL)){
echo "<div id='dialog'>
<div id='dialog-bg'>
<div id='dialog-title'>Failed!</div>
<div id='dialog-description'>Email is not valid. Please input a valid email.</div>
<!-- Buttons, both options close the window in this demo -->
<div id='dialog-buttons'>
<a href='regform.php' class='large blue button'>Return to Registration</a>
</div>
</div>
</div>";
}
else if ($check=$query2->fetch())
{
if($check['username'] == $_POST['username'])
{
echo "<div id='dialog'>
<div id='dialog-bg'>
<div id='dialog-title'>Failed!</div>
<div id='dialog-description'>Username already exist. Please choose another username</div>
<!-- Buttons, both options close the window in this demo -->
<div id='dialog-buttons'>
<a href='regform.php' class='large blue button'>Return to Registration</a>
</div>
</div>
</div>";
}
}
else
{
$query = $pdo -> prepare("INSERT into guestfr(username, password, lastname, middlename, firstname, contactno, email) VALUES (:username,
assword, :lastname, :middlename, :firstname, :contactno, :email)");
$query->bindParam(':username', $username);
$query->bindParam('
assword', $password);/*md5($_POST['password'])*/
$query->bindParam(':lastname', $lastname);
$query->bindParam(':middlename', $middlename);
$query->bindParam(':firstname', $firstname);
$query->bindParam(':contactno', $contactno);
$query->bindParam(':email', $email);
$query->execute();
header('Refresh: 1;url=guest/guestlogin.php');
echo "<div id='dialog'>
<div id='dialog-bg'>
<div id='dialog-title'>Success!</div>
<div id='dialog-description'>Registration successful. You are now a member of Fox River Loyale</div>
<!-- Buttons, both options close the window in this demo -->
<div id='dialog-buttons'>
<a href='regform.php' class='large blue button'>Log in to Proceed</a>
</div>
</div>
</div>";
}
?>
</div>
eto po connection php ko po
<?php
$host = "localhost";
$dbusername = "root";
$dbpassword = "";
$dbname = "foxriverdb";
$pdo = new PDO("mysql:host=$host;dbname=$dbname", $dbusername, $dbpassword, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
?>
sir pwede po bang patulong ng easy iinject na password encryption ko dito sa code ko . Salamat po in advance