jQuery实现的登录页面之记住密码

首先将按钮单击事件的异步验证提取出来作为一个单独的函数,需要将按钮单击事件里面的变量提取出来定义为全局变量,并且增加一个变量editPass(用来标记是自己输入密码,还是从cookies中读取的密码)

 代码如下 复制代码

var wrongTypeName, //用户名的错误类型,可以直接作为错误提示信息数组的下标
  wrongTypePwd, //用户密码的错误类型
  wrongNameHtml = new Array("", "请输入用户名", "用户名长度太短", "用户名长度超过12位", "您的用户名或密码错误", "超时,请重新登陆"),
  wrongPwdHtml = new Array("", "请输入密码", "密码长度小于6位", "", "密码中含有非法字符"),
  editPass=false;

按钮单击事件开始

 

 代码如下 复制代码

$(".btn-submit").click(function () {
            wrongTypeName = 0;
            wrongTypePwd = 0;
var uname = $("#uname").val(), //用户名
            pwd = $("#passwd").val(), //用户密码
            plength = pwd.length,
            nlength = uname.length; //长度
if (nlength == 0)
                wrongTypeName = 1;
if (nlength > 0 && nlength < 2)
                wrongTypeName = 2;
    if (nlength > 20)
              wrongTypeName = 3;
if (plength == 0)
                wrongTypePwd = 1; //这里是对用户名和密码长度的一个判断,并获取错误信息数组的下标。
else {
var patrn = /^(w){6,20}$/;
if (plength < 6)
                    wrongTypePwd = 2;
if (plength > 50)
                    wrongTypePwd = 3;
if (plength > 6 && plength < 20) {
if (!patrn.exec(pwd))
                        wrongTypePwd = 4; //这里是对用户密码合法性的前端判断,并返回错误数组的下标
                }
            }
            inputTip(0, wrongNameHtml, wrongTypeName);
            inputTip(1, wrongPwdHtml, wrongTypePwd);

if (wrongTypePwd == 0 && wrongTypeName == 0) {//在用户输入信息完全合法的情况下,即数组下标全部为0 开始执行ajax验证
//alert($.cookie("logout"));
if(editPass){
                    pwd = $.md5(pwd);
                }
                $("#passwd").val(pwd);
                $("#login-form input").attr('disabled', true);
                $('.remember').unbind('click');
//已经向服务器提交了信息,所以将页面上的所有输入框按钮设置成不可用状态,这样可以有效的避免重复提交
var remb = $('#remember-long').val();
                ajaxCheck(uname, pwd, remb);
            }
        });

时间: 2024-09-13 01:54:51

jQuery实现的登录页面之记住密码的相关文章

使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)_jquery

需要引入插件jquery.md5.js 可直接在IIS下运行: 用户名:Ethan.zhu 密 码:123456789 完整文件下载:WebApplication1_jb51.rar 首先将按钮单击事件的异步验证提取出来作为一个单独的函数,需要将按钮单击事件里面的变量提取出来定义为全局变量,并且增加一个变量editPass(用来标记是自己输入密码,还是从cookies中读取的密码) 复制代码 代码如下: var wrongTypeName, //用户名的错误类型,可以直接作为错误提示信息数组的下

C#-WinForm登录窗体实现记住密码的功能(仿QQ实现)

背景 Winform实现登录窗体中记住密码的功能,模仿QQ登录记住密码的实现 如下图所示,其中标题部分因为项目保密的原因,我加了马赛克,请大家见谅. 用户名输入框我们采用下拉列表框ComboBox 密码框我们采用textBox,并设置为密码框 设置textBox输入时不显示明文,需要将useSystemPasswordChar改为true,然后multiline设置为false,然后重新生成一下就可以了,因为textbox为显示为密码字符是当textbox为单行编辑的时候,useSystemPa

B/S架构,如何实现登录页增加“记住密码”功能?

问题描述 DOMINO平台,B/S架构,需要在登录页实现"记住密码"功能,即增加复选框,选中后即可记住密码,以后再次登陆后自动填写用户名.密码.目前用JS处理COOKIE的方式实现,但存在安全隐患.请问,有没有其它安全级别较高的方式实现此功能?请各位大侠不吝赐教! 解决方案 解决方案二:最好的办法还是cookie方式.解决方案三:哎,郁闷啊郁闷解决方案四:目前记住密码的功能应该都是通过cookies去记住的解决方案五:cookie吧.解决方案六:cookie?!解决方案七:cookie

asp.net中登录页面用户名和密码与数据库中数据进行比对出错,求大神指导!!!!

问题描述 asp.net中登录页面用户名和密码与数据库中数据进行比对出错,求大神指导!!!! dr['AID']=112100011TextBox1.Text=1121000177 dr['apassword']=245fghTextBox2.Text=123456 dr['AID']=1121000177TextBox1.Text=1121000177 dr['apassword']= 123456TextBox2.Text=123456 用户名或密码不正确,请重新输入! 这是运行时页面打印出

jquery.cookie.js 操作cookie实现记住密码功能的实现代码_jquery

复制代码 代码如下: //初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pass").va

Android SharedPreferences实现记住密码和自动登录界面

SharedPreferences介绍: SharedPreferences是Android平台上一个轻量级的存储类,主要是保存一些常用的配置参数,它是采用xml文件存放数据的,文件存放在"/data/data<package name>/shared_prefs"目录下. SharedPreferences的用法: 由于SharedPreferences是一个接口,而且在这个接口里没有提供写入数据和读取数据的能力.但它是通过其Editor接口中的一些方法来操作Shared

Android通过&quot;记住密码&quot;功能学习数据存储类SharedPreferences详解及实例_Android

SharedPreferences是Android中存储简单数据的一个工具类.可以想象它是一个小小的Cookie,它通过用键值对的方式把简单数据类型(boolean.int.float.long和String)存储在应用程序的私有目录下(data/data/包名/shared_prefs/)自己定义的xml文件中.  一.简介 它提供一种轻量级的数据存储方式,通过eidt()方法来修改里面的内容,通过Commit()方法来提交修改后的内容.  二.重要方法 public abstract boo

Android通过"记住密码"功能学习数据存储类SharedPreferences详解及实例

SharedPreferences是Android中存储简单数据的一个工具类.可以想象它是一个小小的Cookie,它通过用键值对的方式把简单数据类型(boolean.int.float.long和String)存储在应用程序的私有目录下(data/data/包名/shared_prefs/)自己定义的xml文件中. 一.简介 它提供一种轻量级的数据存储方式,通过eidt()方法来修改里面的内容,通过Commit()方法来提交修改后的内容. 二.重要方法 public abstract boole

JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍_javascript技巧

cookie是网站设计者放置在客户端(浏览器)的小文本文件,cookie不仅能够实现保存密码功能,还可以通过cookie保存最近浏览记录增加用户体验. 在登录界面添加记住密码功能,我首先想到的是在java后台中调用cookie存放账号密码,大致如下: HttpServletRequest request HttpServletResponse response Cookie username = new Cookie("username ","cookievalue"