html js验证登录页面,js判断登录与否并确定跳转页面的方法

本文实例讲述了js判断登录与否并确定@R_384_404@面的方法。分享给大家供大家参考。具体如下：

使用session存储，确定用户是否登录，从而确定页面跳转至哪个页面。

判断本地有无customerID：

} else {

p.attr("href",url);

}

function infoJumpTo() {

var $info = $("#info");

jumpTo($info,"http://localhost/page/AmountAscension/amountAscension.html");

}

function starJumpTo() {

var $star = $("#star");

jumpTo($star,"http://localhost/page/MyAccount/myAccount.html");

}

html中，相应的a标签中，写οnclick="infoJumpTo"等就可以了。

但登录页面的customerID是如何存储到本地的session中的呢？

获取页面中登录名和密码

var pwd=$pwd.val();

if(tel==""|| pwd==""){//判断两个均不为空(其他判断规则在其输入时已经判断)

alert("手机号密码均不能为空！")

return false;

}else{//以上均符合要求，则调用登录esb接口

$.ajax({

url:config.baseServerUrl + '/account/login',//相对应的esb接口地址

type:'post',data:{mobile:tel,password:pwd},//向服务器(接口)传递的参数

success:function(data){//服务器(接口)返回来的数据

if(data.success){//如果返回来的信息说明提交的信息为正确的

var customerId = data.attr.customerInfo.id;//将数据中用户信息的ID赋值给变量

sessionStorage.customerId = customerId;//将变量存储到本地sessionStorage中，并且value为customerID

window.location.href='http://localhost/index.html';//正确登录后页面跳转至

}

else{//如果返回来的信息说明提供的信息为错误的

if(tel != data.tel){//判断是用户名还是密码错误，提示相应信息

alert(data.message);

$tel.val("");

$pwd.val("");

return false;

}

if(pwd != data.pwd){

alert(data.message);

$pwd.val("");

return false;

}

})

}

登录页面，人们一般习惯输完信息后，直接点击enter免除手动点击登录按钮，则js代码如下：

希望本文所述对大家的javascript程序设计有所帮助。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！

html js验证登录页面,js判断登录与否并确定跳转页面的方法相关推荐

关于vue.js 编程导航的使用：实现路由配置和跳转页面
本文主要讲述:通过vue.js 编程导航,实现路由配置和跳转页面的功能! 基础篇,仅作为简单演示. 总结不能保证用户一定会点击某些按钮并且当前操作,除了路由跳转以外,还会有一些别的附加操作(比如执 ...
js跳转页面参数过长用post请求跳转页面
1.拿到原始url 2.创建form表单 3.给表单插入数据 4.跳转页面有个优化点跳转页面时候会闪一下form表单需要处理下 <!DOCTYPE html> <html>& ...
php验证 js验证邮箱格式,js和php邮箱地址验证的实现方法
邮箱地址验证有很多方法.在浏览器端,js邮箱验证可以通过正则表达式检测. 比如: function isEmail(email) { return /^((([a-z]|\d|[!#\$%&' ...
js页面倒计时7天 java_javascript实现倒计时跳转页面
本文给大家介绍了如何使用javascript实现倒计时跳转到其他页面的方法以及实现原理,非常的简单实用,有需要的小伙伴可以参考下. 很多网页都有类似的效果,那就是经过指定的时间能够跳转到其他页面,如果 ...
php中js验证表单,js实现表单验证
直接上代码/** * 验证表单内容 * required 必填项 * email 邮箱 * number 数字 * chinese 汉字 * idcode * phone 电话 * mobi ...
js验证电子邮箱,js验证email合法性,javascript验证电子信箱
<script> function Juge(theForm) { if (theForm.txtemail.value == "") { alert( ...
【文件上传绕过】——前端检测_前端js验证漏洞
文章目录一.实验目的: 二.工具: 三.实验环境: 四.实验目的: 五.漏洞说明: 1. 漏洞原理: 2. `js前端验证`过程代码: 六.实验过程: 1. 判断是否存在前端`js绕过漏洞`: 1. ...
js制作点击跳转页面
首先我们上效果图: 我们第一步制作html和css部分: <!DOCTYPE html> <html lang="en"> <head>< ...
js layui跳转页面_Layui数据表格跳转到指定页的实现方法
Layui数据表格跳转到指定页的实现方法 1.获取数据表格下分页组件中的页码输入框,具体元素在Elements中位置如下 2.获取上述input并设置其value属性值为目标跳转页面页码 $(&quo ...
js开发实例 —— 发送短信验证码倒计时5S钟之后自动跳转页面
十九.发送短信验证码倒计时思路: ① 按钮点击之后,会禁用disabled为true. ② 同时按钮里面的内容会变化,注意button里面的内容通过innerHTML修改. ③ 里面秒数是有变化的, ...

html js验证登录页面,js判断登录与否并确定跳转页面的方法

html js验证登录页面,js判断登录与否并确定跳转页面的方法相关推荐

最新文章

热门文章