js关于密码框强弱度的提示

三种密码强度的正则表达式:

较弱:全是数字或全是字母 6-16个字符:/^[0-9]{6,16}$|^[a-zA-Z]{6,16}$/;

中级:数字、26个英文字母 6-16个字符: /^[A-Za-z0-9]{6,16}$/; 

较高:由数字、26个英文字母或者下划线组成的字符串 6-16个字符: /^\w{6,16}$/; 

html部分:

密码框:<input id = "myinput" type="text" maxlength="16"  placeholder = "请输入6~16个字符" onkeyup="check()" />   //密码输入框

<span id = "myspan" ></span>    //这个span是放提示信息的地方

js部分:

function check() {

var mima = document.getElementById("myinput").value;

var sp = document.getElementById("myspan");

if (mima.length == 0) {

sp.innerHTML = "密码不能为空"

} else if (mima.length < 6) {

sp.innerHTML = "密码不能小于6个字符";

} else if (mima.length >= 6 && mima.length < 16) {

sp.innerHTML = "";

var mmzz1 = /^[0-9]{6,16}$|^[a-zA-Z]{6,16}$/;

var mmzz2 = /^[A-Za-z0-9]{6,16}$/;

var mmzz3 = /^\w{6,16}$/;

if (mima.match(mmzz1)) {

sp.innerHTML = "密码等级‘较弱‘,建议字母+数字";

} else if (mima.match(mmzz2)) {

sp.innerHTML = "密码等级‘中等‘,建议字母+数字+特殊符";

} else if (mima.match(mmzz3)) {

sp.innerHTML = "密码等级‘较强‘";

}

} else if (mima.length >= 16) {

sp.innerHTML = "长度大于16个字符,请重新输入";

}

原文地址:https://www.cnblogs.com/ppm0325/p/8297860.html

时间: 2024-08-02 03:09:25

js关于密码框强弱度的提示的相关文章

JS弹出框、对话框、提示框,JS关闭窗口、关闭页面和JS控制页面跳转

一.JS弹出框.对话框.提示框 //====================== JS最常用三种弹出对话框 ======================== //1弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //2弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { a

js弹出框、对话框、提示框、弹窗总结

一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { aler

js实现密码框的点击眼睛的显示与隐藏

密码框的点击眼睛的显示与隐藏,图标引用是bootstrap中的fontawesome (复制整个 font-awesome 文件夹到您的项目中) 还需要引入 <link rel="stylesheet" type="text/css" href="bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="Fo

(转)js弹出框、对话框、提示框、弹窗总结

一.JS的三种最常见的对话框 [javascript] view plain copy //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm

实现password框中显示文字提示的方式

其实实际上实现中并不能让password中显示文字提示,但是我们在工作中有这样的需求,当没输入东西的时候,框内有提示输入密码,但是当输入东西的时候又显示的是*号,那么是如何实现的呢?其实原理很简单,就是放两个文本框,样式以及定位都是一样的.先将type为password的隐藏,只显示type为text的伪密码框,value设置提示内容例如请输入密码.然后当input触发的时候,type为text的input隐藏,让type为password的input显示出来.然后当检测password的val

使用jsonp跨域调用百度js实现搜索框智能提示,并实现鼠标和键盘对弹出框里候选词的操作【附源码和在线测试地址】

项目中常常用到搜索,特别是导航类的网站.自己做关键字搜索不太现实,直接调用百度的是最好的选择.使用jQuery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值,当然$.getScript也可以实现跨域调用js. jsonp快速入门: [原创]说说JSON和JSONP,也许你会豁然开朗,含jQuery用例 关于jquery.ajax的jsonp方法是用以及其error回调函数不能正确执行,请参考园长dudu的文章: jquery ajax中使用jsonp的限制 jQuery插件jQu

【 D3.js 高级系列 — 9.0 】 交互式提示框

一般来说,图表中不宜存在过多文字.但是,有时需要一些文字来描述某些图形元素.那么,可以实现一种交互:当用户鼠标滑到某图形元素时,出现一个提示框,里面写有描述文字.这是一种简单.普遍的交互式,几乎适用于所有图表.通过可给提示框定制外观,能给用户带来很好的体验. 1. 提示框的制作思路 提示框,就是"文字"加"边框".显示文字,一般来说用 SVG 的<text>,但是,有两个问题: 如果字符串过长,<text>元素不能自动换行,虽然可以通过<

JS控制文本框中的密码显示/隐藏功能

<html> <head> <title>[荐]JS控制文本框中的密码显示/隐藏功能_网页代码站(www.6a8a.com)</title> <style> body,input{font:menu} </style> </head> <body> <form method="POST" action="addcheck.asp" name="forms&

纯 JS 设置文本框的默认提示

HTML5 中有个新特性叫 placeholder,一般用它来描述输入字段的预期值,适用于 text.search.password 等类型的 input 以及 textarea.示例如下: <input type="text" placeholder="请输入文本"><br> <input type="search" placeholder="请输入查询关键字"><br> &l