求一段js代码,让用户输入密码才能跳到指定网页

JavaScript037

求一段js代码,让用户输入密码才能跳到指定网页,第1张

<html>

<head>

<title>专用模板</title>

</head>

<body>

<input type="password" id="pwd"/>

<input type="button" value="登录" onclick="login()"/>

<script>

function login()

{

var pwd=document.getElementById("pwd").value

if(pwd=="123")

{

location.href="要跳转网页"

}

}

</script>

</body>

</html>

/////////////////////////////////////////////////////@希望能帮到你@///////////////////////////////////////////////////////////

这个应该是用到$_COOKIE

<?php

$name = $_POST['u_username']

$password = $_POST['u_pwd']

$remember = $_POST['chkRememberUsername']

echo $_COOKIE['rmbUser']echo '>>>>'

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>首页</title>

<link rel="stylesheet" type="text/css" href="css/main.css" />

<script type="text/javascript" src="jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="jquery.cookie.js"></script>

<script type="text/javascript">

$(function(){

if($.cookie("rmbUser")== "true"){

$("#rmbUser").attr("checked",true)

$("#wsc-username").val($.cookie("userName"))

$("#wsc-password").val($.cookie("passWord"))

}

//jquery复选框 选中事件 及其判断是否被选中

$("#rmbUser").change(function(){

//alert($(this).attr("checked")) undefined

if($(this).prop("checked")){

$(this).attr("checked",true)

}else{

$(this).removeAttr("checked")

}

})

/* $("#rmbUser").bind("click", function () {

$(this).attr("checked", true)

}) */

})

function saveUserInfo(){

//alert($("#rmbUser").attr("checked"))

if($("#rmbUser").attr("checked")=="checked"){

var userName = $("#wsc-username").val()

var passWord = $("#wsc-password").val()

$.cookie("rmbUser","true",{expires:7})

$.cookie("userName",userName,{expires:7})

$.cookie("passWord", passWord, { expires: 7 })// 存储一个带7天期限的 cookie

}else{

$.cookie("rmbUser","false",{expires:-1})

$.cookie("username","",{expires:-1})

$.cookie("passWord","", { expires: -1 })

}

}

</script>

</head>

<body>

<form action="index.php" method="post" onsubmit="return saveUserInfo(this)">

<div class="form">

<div id="J_UserName" class="loginItem">

<label>用户名:</label>

<input maxlength="200" value="" name="u_username" class="log_Field" id="wsc-username">

</div>

<div class="loginItem" id="J_Password">

<label>密 码:</label>

<input type="password" value="" maxlength="20" name="u_pwd" class="log_Field" id="wsc-password">

</div>

<div class="loginRemember">

<input type="checkbox" name="chkRememberUsername" class="checkbox" id="rmbUser">

<label for="rmbUser">记住用户名</label>

<a href="#">忘记密码?</a>

</div>

<div class="loginItem loginButton" id="wait">

<input type="submit" value="登录" class="button" id="log_Commit">

</div>

</div><!--form div-->

</form>

</body>

</html>

javascript 毕竟是运行在客户端的,你在客户端输出了密码后服务端并不知道,当你请求别的页面时,服务端返回HTML,你肯定还是需要输出密码的,这种功能最好配合服务端来完成,比如输入密码后利用会话功能记住当前用户,如果认证过就不用输出密码,相反重定向到输入密码的页面要求输入密码。

不知道你用的什么编辑语言。