Having some trouble with my login form. The JavaScript code always returns a false value, even when I'm entering the correct username and password.
This is the jQuery code snippet:
$(document).ready(function(){
var teamname = $("#teamname");
var teampassword = $("#teampassword");
function isPasswordCorrect()
{
var password = teampassword.val();
var name = teamname.val();
var result = false;
$.post('../php/validations/validatePassword.php', {tname: name, tpassword: password}, function(data){
if(data == 1){
result = true;
}else{
result = false;
}
});
return result;
}
$("#join").click(function(){
if(isPasswordCorrect()){
alert("You have joined!");
}else{
alert("You have not joined.");
}
});
});
This is the PHP file code:
<?php
$teamname = $_POST['tname'];
$teampassword = $_POST['tpassword'];
if($teamname != "" || $teampassword !=""){
include('../connection.php'); // This is where the connection to phpmyadmin happens
$queryCheckPassword = mysqli_query($con, "SELECT password FROM
teams WHERE name = '$teamname'");
$row = mysqli_fetch_row($queryCheckPassword);
$teamPassword = $row[0];
if($teamPassword == $teampassword)
{
echo 1;
}else{
echo 0;
}
}
?>
And finally, the HTML file code:
<form id="joinform">
<ul>
<div>
<label>Team Name<font color='red'>*</font></label>
<input type='text' name='teamname' id='teamname' placeholder='Team name' readonly='readonly'/>
<span id='teamnameinfo'>Select an existing team.</span>
</div>
<div>
<label for="teampassword">Team Password<font color='red'>*</font></label>
<input type='password' name='teampassword' id="teampassword" placeholder='Team password'/>
<span id='teampasswordinfo'>Enter team password.</span>
</div>
<div>
<button name='join' id='join'>Join</button>
</div>
</ul>
</form>