JS实现校验密码强度

JavaScript012

JS实现校验密码强度,第1张

/*

*@description 校验密码强度的方法

*@param {String} val 待校验强度的密码

*@return {Number} 密码强度等级，数字越大强度越高

*/

function checkPwd(val){

    var res = 2

    // 长度不低于6位和12位，强度分别+1和+2

    res += val.length >= 6 ? 1 : 0

    res += val.length >= 12 ? 2 : 0

    // 包含小写字母，强度+1或+2

    res += /[a-z]/.test(val) ? (val.length <8 || /\d{4}/.test(val) ? 1 : 2) : 0

    // 包含大写字母，强度+1或+2

    res += /[A-Z]/.test(val) ? (val.length <8 || /\d{4}/.test(val) ? 1 : 2) : 0

    // 包含特殊字符，强度+1或+2

    res += /[^a-zA-Z\s\d]/.test(val) ? (val.length <8 || /\d{4}/.test(val) ? 1 : 2) : 0

    return Math.floor(res / 2)

}

本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下：

思路：

1、首先用把密码框用txt暂时替代，并赋上默认值

<input

type="text"

value="请输入密码"

/>

2、当文本框获取焦点后，把默认值清空，把type改为password。

3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。

JS代码：

window.onload=function(){

var

input=document.getElementById('input')

input.onfocus=function(){

if(this.value=='请输入密码'){

this.value=''

this.type='password'

}

}

input.onblur=function(){

if(!this.value){

this.type

=

'text'

this.value

=

'请输入密码'

}

}

}

HTML代码：

复制代码

代码如下:

<input

type="text"

value="请输入密码"

id="input"

/>

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

如图所示操作代码即可：

登录页面实现记住用户名和密码功能的方法：

1、使用cookie的方法将用户名和密码保存到本地电脑上；

2、PS在页面载入时获取cookie；

3、在勾选时设置一个cookie的有效时间就可以了。