每当用户单击注册或注册时，我都试图更改表单中的属性。因此，表单将相应更改，但是一旦用户单击“注册”，他们就无法再单击“登录”。
<?php
session_start();
if(isset($_POST['submit'])) {
include_once("php/config/database.php");
$Email = strip_tags($_POST['Email']);
$dbPassword = strip_tags($_POST['Password']);
$Email = stripslashes($Email);
$dbPassword = stripslashes($dbPassword);
$Email = mysqli_real_escape_string($conn, $Email);
$dbPassword = mysqli_real_escape_string($conn, $dbPassword);
$sql = ("SELECT * FROM 'Users' WHERE Email='$Email' AND Password='$dbPassword' LIMIT 1");
$query = mysqli_query($conn, $sql);
$row = mysqli_fetch_array($query);
$UserID = $row['UserID'];
$dbpass = $row['Password'];
if($dbPassword == $dbpass) {
$_SESSION['Email'] = $Email;
$_SESSION['UserID'] = $UserID;
header("Location: account.php");
}
else
{
echo "You didn't enter the correct details!";
}
}
?>
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>background</title>
<link rel="stylesheet" href="css/style.css">
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/index.js"></script>
</head>
<body>
<form action="index.php" method="POST" id="search-theme-form">
<div class="box">
<h1 id="logintoregister">
Login
</h1>
<div class="group show">
<input class="inputMaterial" type="text" name="FirstName" />
<label>First Name</label>
</div>
<div class="group show">
<input class="inputMaterial" type="text" name="Surname" />
<label>Surname</label>
</div>
<div class="group">
<input class="inputMaterial" type="email" name="Email" required/>
<label>Email</label>
</div>
<div class="group">
<input class="inputMaterial" type="password" id="password"
name="Password" required/> <label>Password</label>
</div>
<div class="group show">
<input class="inputMaterial" type="password" id=
"confirm_passwor" /> <label>Confirm Password</label>
</div>
<button id="buttonlogintoregister" type="submit" name=
"submit">Login</button>
<p id="plogintoregister"> By registering, You accept all terms and conditons</p>
<p id="textchange" onclick="register()">Sign Up</p>
</div>
</form>
<!-- Related demos -->
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
JS file
function register(){
var cont = 0;
cont++;
if(cont==1){
$('.box').animate({height:'600px'}, 550);
$('.show').css('display','block');
$('#logintoregister').text('Register');
$('#buttonlogintoregister').text('Register');
$('#plogintoregister').text("Sei gia' registrato?");
$('#textchange').text('Login');
$('#search-theme-form').removeAttr("action").attr("action", "signup_destination.php");
}
else
{
$('.show').css('display','none');
$('.box').animate({height:'365px'}, 550);
$('#logintoregister').text('Login');
$('#buttonlogintoregister').text('Login');
$('#plogintoregister').text("Non sei iscritto?");
$('#textchange').text('Register');
$('#search-theme-form').removeAttr("action").attr("action", "index.php");
cont = 0;
}
}
最佳答案
每次函数运行时，您都会重置 cont var，
var cont = 0;
因此您将始终输入 if 的第一部分。
从函数中取出 var 计数:
var cont = 0;
function register(){
..
..
.
}
这样，每次函数运行时他就不会重置为 0，其余的应该可以工作。
关于javascript - 我的 onclick 第二次不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35044601/