用户登录页面逻辑及代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title>用户登录</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/login.css"/>
</head>
<body>
<header>
<div class="icon-logo logo"><a href="index.html"><span>项目名称</span></a></div>
<div class="title">
用户登录
</div>
<div class="icon-login login"><a href="login.html"><span>用户登录</span></a></div>
</header>
<main>
<div id="loginLogo"></div>
<input type="text" id="userName" placeholder="请输入用户名"/>
<input type="password" id="userPass" placeholder="请输入密码"/>
<input type="tel"id="code_input"placeholder="请输入下方图片验证码"/>
<div id="v_container"></div>
<div id="tip"></div>
<div id="Reg-login">
<a href="reg.html">没有账户,点击注册</a>
</div>
<button id="button">点击登录</button>
</main>
<script src="js/jquery.min.js"></script>
<script src="js/identifying.js"></script>
<script src="js/galaxy.js"></script>
<script src="js/login.js"></script>
<script src="js/url.js"></script>
</body>
</html>
--------------------------------------------------------
//login.js
$(function(){
//图片验证码功能
var verifyCode = new GVerify("v_container");
$("#button").click(function(){
var res = verifyCode.validate($("#code_input").val());
var userName=$("#userName").val();
var userPass=$("#userPass").val();
if(!res){
$("#tip").html("图片验证码错误,请重新输入!")
}else{
if(userName!=""&&userPass!=""){
$.ajax({
url:url+"/login",
data:{
username:userName,
password:userPass
},
async:true,
type:"POST",
success:function(result){
if(result.errCode==0){
localStorage.tokenID=result.tokenID;
localStorage.username=result.username;
window.location.href="index.html";
}else{
$("#tip").html("用户名或密码错误!")
}
}});
}else{
$("#tip").html("用户名和密码必须填写")
}
}
})
})
- PHP用户登录后跳转回上一访问页面的实现思路及代码
- eShop电子商城的SSH实现的用户模块(1)登录和注册配置文件和页面关键代码(V...
- 使用Jquery打造最佳用户体验的登录页面的实现代码
- jsp中未登录用户也可以浏览页面的功能实现代码
- 使用Jquery打造最佳用户体验的登录页面的实现代码
- SSM整合shiro实现多用户表多Realm统一登录认证(大章附代码)
- 过滤器实现对未登录用户访问JSP页面,进行控制。
- JSP作业4 - 使用JSP+JavaBean+Servlet实现用户登录注册页面
- 关于JS实现用户登录验证(部分代码简写)
- 实现session登陆时间的验证,验证用户登录页面的一个监听器
- jsp页面中用户登录的实现(利用javascript实现非空判断等……)
- 仿微信的二维码登录功能:客户端登录后,通过扫描web端页面上的二维码,实现同一用户在web端的登录
- js实现未登录用户跳转到登录页面登录完成后返回原页面
- 编写代码实现,模拟用户登录情景,并且只能登录三次,只允许输入三次密码,如果密码正确则提示登录成功,如果三次均输入错误,则退出程序。
- 页面加载后检查用户登录状态,通过ajax实现
- struts2.0拦截器(实现未登录的用户不能访问系统的页面)(转)
- 逻辑复杂的业务代码如何实现有顺序的跳转展示(登录成功后要去摇奖,设置预留信息,修改密码,弹窗警告......等等)
- 实现jsp页面显示用户登录信息,利用session保存。
- 拦截JSP页面,校验是否已登录详解及实现代码
- 基于Struts2实现用户注册与登录(全代码实现哦,能更好的去理解)