`
苏er
  • 浏览: 24014 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

一段基于jQuery的,验证用户密码的简单应用2

阅读更多
// check the result generally
var ip = new RegExp(/^0[^71]|^11|^10|^19|^18|^17|120/);
var noVal = "";
// message for notice
var msgMap = {
"^0":"  请输入原有密码",
"^11":"  新密码复杂度不够",
"^10":"  新密码过短",
"^17":"  请输入新密码",
"^19":"  新密码过长",
"^18":"  新密码包括非法字符",
"120":"  密码重复错误"
};
// find the input text
var pMap = {
"^0":"pw2",
"^11":"pw0",
"^10":"pw0",
"^17":"pw0",
"^19":"pw0",
"^18":"pw0",
"120":"pw1"
};
// initiate
function initP(){
$("#modPwd").click(function(){
		var display = $("#inputPwd").css("display");
		$("#inputPwd").css("display",display =="none"?"":"none");
	});
$("input[type='submit']").click(function(){
		return sC();//submit check
	});
	iC();//input check
}
//check for submit
function sC(){
var ps = getApw();
var r = aop(ps[2])+""+checkPass(ps[0])+""+arp(ps[0],ps[1]);
//if (aop(ps[2]) == 1 && (ps[0] == noVal || ps[1] == noVal)) {alert("请输入新密码");return false;}
//alert(r);
if (r.match(ip))
{
	for(var k in msgMap){
		if (r.match(k))
		{
			alert(msgMap[k]);
			try
			{
			$("#"+pMap[k]).select();
			return false;
			break;
			}
			catch (e)
			{}
		}
	}
} 
}
// get all password
function getApw(){
var ps = new Array();
		$("input[id^='pw']").each(function(e){
			var i = this.id.replace('pw','');
			ps[i] = this.value;
		});
return ps;
}

// check for input
function iC(){
var n = document.createElement("span");//create the element for notice
$(n).css({color:'red'});
$("input[id^='pw']").keyup(function(){
	var ps = getApw();
	var r = aop(ps[2])+""+checkPass(ps[0])+""+arp(ps[0],ps[1]);
	//alert(r);
	if (r.match(ip))
		{
			for(var k in msgMap){
				if (r.match(k))
				{
					n.innerText = msgMap[k];
					$("#"+pMap[k]).after(n);// display the notice
					break;
				}
			}
		} 
	else { n.innerText = "";}
});
}
// check the repeat password
function arp(np,rp){
if (np == rp) return 1;
else return 0;
}
// check the old password
function aop(op){
if (op == noVal)return 0;
else return 1;
}
// clean all password input text
function clean(){
var ps = getApw();
for (var i = 0;i < ps.length ;i++ )
{
	ps[i].value="";
}
}

 html文件中的form表单

<form id="pw">   
ORIGINAL PASSWORD:<input type="text"  id="pw0"/>   
<br><br>   
NEW PASSWORD:<input type="text"  id="pw1"/>   
<br><br>   
REPEAT PASSWORD:<input type="text" id="pw2"/>   
<br><br>   
<input type="submit" value="submit"/>   
</form>   

 此篇文章仍为原创,上一次的密码验证在使用中出现了不少问题,所以进行了重写,这回的代码和上次相比略有清爽感,绝的作为程序员代码重构还是很重要的,希望能有读者给予评论,哈哈。

分享到:
评论

相关推荐

    jQuery按步骤找回密码验证表单代码

    本教程将详细介绍一款基于jQuery实现的分步骤找回密码验证表单的设计与实现。 首先,我们来看标题中的关键词"jQuery",它是一种广泛使用的JavaScript库,简化了HTML文档遍历、事件处理、动画设计以及Ajax交互。在这...

    基于jQuery分步骤找回表单密码特效源码.zip

    该资源是一个基于jQuery的前端开发项目,主要用于实现一个分步骤的密码找回功能。在Web应用中,用户有时会忘记他们的密码,此时提供一种安全且友好的密码重置流程至关重要。这个压缩包包含了一套实现此类功能的源...

    基于SVG的jquery手势密码解锁插件

    **基于SVG的jQuery手势密码解锁插件** ...总的来说,这款基于SVG的jQuery手势密码解锁插件为开发者提供了一个便捷的工具,用于在网页中实现类似移动设备的手势解锁功能,增强了用户界面的互动性和安全性。

    Jquery常用正在表达式验证

    一、jQuery验证基础 jQuery提供了多种方法进行表单验证,如`$.validator.addMethod()`,它允许开发者自定义验证规则。例如,我们可以创建一个验证邮箱地址的函数: ```javascript $.validator.addMethod("email", ...

    jQuery应用

    jQuery是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本篇文章将深入探讨jQuery在表单应用中的核心知识点,旨在帮助你轻松掌握并深化对jQuery的理解。...

    jQuery用户注册登录表单模板.zip

    前端则可以显示“邮件已发送,请查收”的提示,并设置定时器以在一段时间后引导用户返回登录页面。 总结来说,"jQuery用户注册登录表单模板"是一个实用的开发资源,它结合了jQuery的强大力量,实现了丰富的交互效果...

    jquery表单验证

    JQuery的validate.js是一个强大的表单验证插件,它使得在网页中实现用户输入验证变得简单易行。这个插件是基于JQuery库构建的,所以首先需要在页面中引入JQuery的核心库jquery.js。接下来,为了启用验证功能,我们...

    基于JQuery框架的AJAX实例代码

    在这个"基于JQuery框架的AJAX实例代码"中,我们将探讨如何使用jQuery提供的API,包括`$.ajax`,`$.post`和`$.get`,来实现异步数据传输。 1. **$.ajax()** `$.ajax()`是jQuery中最全面的AJAX方法,它可以处理GET和...

    使用JQuery实现用户名的验证

    在现代Web开发中,客户端验证是提高用户体验、减少服务器负担的重要环节之一。本文档将详细介绍如何使用JQuery库来实现一个简单的用户名验证功能。 #### 一、背景介绍 在实际项目中,经常需要对用户输入的数据进行...

    Validate通用表单验证Jquery插件.zip

    "Validate通用表单验证Jquery插件"是一款基于JavaScript库jQuery的高效验证工具,它允许开发者在客户端进行多种验证,无需额外的服务器请求,大大提升了应用的响应速度。 Validate插件的核心功能在于其丰富的验证...

    jQuery手势图案密码设置代码.zip

    综上所述,这个项目提供了实现基于jQuery的手势图案密码功能的示例,可以帮助开发者学习和理解如何用JavaScript和jQuery构建互动式的网页组件,同时也为网页应用的安全性和用户友好性提供了新的解决方案。

    商业编程-源码-jQuery formValidator表单验证插件示例源码.zip

    jQuery formValidator插件是一款开源的JavaScript库,它基于jQuery框架,提供了丰富的验证规则和灵活的自定义选项。其主要特点包括: 1. 简洁的API:通过简单的配置项,可以快速设置验证规则。 2. 实时验证:在用户...

    jQueryValidation验签

    该插件基于jQuery库,为开发者提供了丰富的验证规则和自定义方法,帮助确保用户输入的数据满足特定的要求。在本篇文章中,我们将深入探讨jQuery Validation的基本用法、常见验证规则以及如何创建自定义验证。 **1. ...

    基于jquery的simpleValidate简易验证插件

    `simpleValidate`是一款基于jQuery的轻量级表单验证插件,它的设计目标是简化表单验证的过程,减少开发者编写大量JavaScript代码的负担。该插件特别适合那些希望在用户提交表单时一次性进行验证并提供反馈的场景,而...

    超实用的jQuery代码段

    9.16 使用jQuery验证用户年龄 9.17 按照首字母进行元素排序 9.18 获取URL地址的Hash参数 9.19 避免多行文本溢出的算法 9.20 随机选择一个元素 9.21 替换&bnsp;空字符的方法 9.22 序列化表单到JSON数据 9.23 获取...

    jQueryEasyUi验证

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、菜单等,极大地简化了网页开发工作。在使用 EasyUI 进行Web开发时,数据验证是必不可少的一个环节,确保用户输入的...

    jquery实现的发送短信验证时间倒计时间隔表格表单特效源码.zip

    该压缩包文件“jquery实现的发送短信验证时间倒计时间隔表格表单特效源码.zip”包含了一个基于jQuery实现的特定功能,即短信验证码发送后的倒计时效果。这个功能在许多网站的注册、登录或找回密码等流程中非常常见,...

    基于JS实现带提示登录表单验证特效源码.zip

    此资源“基于JS实现带提示登录表单验证特效源码.zip”提供了一种利用JavaScript实现登录表单实时验证的解决方案,同时结合了jQuery库以简化DOM操作,提升代码效率。下面我们将详细探讨这一主题。 JavaScript是一种...

    实现用户身份验证Windows

    `mode="Windows"`设置表示使用Windows身份验证,`impersonate="false"`表示不模拟用户身份,即服务运行在应用程序池的权限下。 三、C#代码实现 在C#中,我们可以通过`System.Web.HttpContext.Current.User`获取当前...

Global site tag (gtag.js) - Google Analytics