这次提供三个一起,呵呵,分别是:密码强度检测、高亮度指定元素、JS动态加载~~
js 代码
-
-
-
-
- function Password() {};
- Password.check = function(pwd, tipsDivId) {
- var id = Password.getResult(pwd);
- var msg = ["密码过短", "密码强度差", "密码强度良好", "密码强度高"];
- var sty = [-45, -30, -15, 0];
- var col = ["#999999", "#66CC00"];
- var sWidth = 300, sHeight = 15;
- var Bobj = $(tipsDivId);
- if (!Bobj) return;
-
- with (Bobj) {
- style.fontSize = "12px";
- style.width = sWidth + "px";
- style.height = sHeight + "px";
- style.lineHeight = sHeight + "px";
- }
- var html = "";
- for (var i = 0; i < msg.length; i ++) {
- var bg_color = (i <= id) ? col[1] : col[0];
- html += "" + bg_color + ";'> ";
- }
- Bobj.innerHTML = html;
- Bobj.title = msg[id];
- };
- Password.getResult = function(pwd) {
- if (pwd.length < 6) return 0;
- var ls = 0;
- if (pwd.match(/[a-z]/ig)) ls++;
- if (pwd.match(/[0-9]/ig)) ls++;
- if (pwd.match(/(.[^a-z0-9])/ig)) ls++;
- if (pwd.length < 6 && ls > 0) ls--;
- return ls;
- };
-
-
-
-
-
- function HighLight() {};
- HighLight.options = {
- id : null,
- className : null,
- interval : 255,
- times : 3000
- };
- HighLight.prototype = {
- exe : function(options) {
- var _options = {};
- if (typeof(options) == 'object') {
- _options.id = options.id || HighLight.options.id;
- _options.className = options.className || HighLight.options.className;
- _options.interval = options.interval || HighLight.options.interval;
- _options.times = options.times || HighLight.options.times;
- }
- if (_options.id == null || !$(_options.id)) {
- alert('必须指定要高亮度显示的元素ID!');
- return false;
- } else if (!_options.className || typeof(_options.className) != 'string' || _options.className.strip() == '') {
- alert('请指定高亮度显示的CSS名称!');
- return false;
- }
- var elt = $(_options.id);
- if (elt.highLightHandle != null) return;
- elt.highLightHandle = setInterval(function() {
- Element.toggleClassName(elt, _options.className);
- }, _options.interval);
- window.setTimeout(function() {
- clearInterval(elt.highLightHandle);
- Element.removeClassName(_options.className);
- elt.removeAttribute('highLightHandle');
- }, _options.times);
- return true;
- }
- };
-
-
-
-
-
-
- function JsLoader() {};
- JsLoader.loaded = [];
- JsLoader.prototype = {
- _path : null,
- _head : null,
-
-
-
- require : function(jsPath, callback) {
- if (!this._check(jsPath)) return false;
- if (this._isload(jsPath)) return true;
- this._ajaxLoad(callback);
- return true;
- },
- load : function(jsPath, callback) {
- return this.require(jsPath, callback);
- },
- _check : function(jsPath) {
- if (!jsPath) {
- alert('请指定要加载的JS路径!');return false;
- }
- var head = document.getElementsByTagName('head');
- if (!head || head.length < 1) {
- alert('文档对象document必须有HEAD头!');return false;
- }
- this._path = jsPath;
- this._head = head[0];
- return true;
- },
- _isload : function(jsPath) {
- for (var i = 0; i < JsLoader.loaded.length; i ++) {
- if (JsLoader.loaded[i].toLowerCase() == jsPath.toLowerCase()) return true;
- }
- JsLoader.loaded[JsLoader.loaded.length] = jsPath;
- return false;
- },
- _ajaxLoad : function(callback) {
- var head = this._head;
- base.request(this._path, function(xmlHttp, error) {
- var script = document.createElement('script');
- script.type = "text/javascript";
- script.text = xmlHttp.responseText;
- head.appendChild(script);
- if (!callback) return;
- try {
- if (typeof(callback) == 'function') callback();
- else eval(callback);
- } catch (ex) {alert(ex.message);};
- });
- }
- };
分享到:
相关推荐
JS(javascript)-md5加密工具类
javascript、css动态加载工具
NULL 博文链接:https://zheng12tian.iteye.com/blog/1488813
战略分析工具之二——行业分析.pdf
二年级——钟表学习工具
实 用 工 具 类 对 初 学 着 有 很 大 的 帮 助 喜 欢的 可 以 下 下
文件的复制、删除等封装操作
我用的最好的传输工具,非常实用的局域网传输工具——飞鸽传书
java 常用工具类(csdn)————程序
第二节 信息处理工具——计算机
微信小程序——[小工具类]备忘录(截图+源码).zip 微信小程序——[小工具类]备忘录(截图+源码).zip 微信小程序——[小工具类]备忘录(截图+源码).zip 微信小程序——[小工具类]备忘录(截图+源码).zip 微信小...
\Cookie工具类 \excel读取 工具类\Java如何生成验证码图片和点击刷新验证码\java获取当前月第一天和最后一天,上个月第一天和最后一天\java实现ftp文件的上传与下载\Json工具类 - JsonUtils.java\JS身份证真实性校验...
在AutoCAD二次开发过程中,一般都是开发自定义的命令,然后在菜单栏/工具栏/菜单面板中添加对应的菜单,通过点击菜单调用开发的命令。 对于实现以上问题,传统的做法就是在二次开发类库中开发一个命令方法,并且...
String过滤敏感字
java 文件处理 工具类(csdn)————程序
微信小程序——[小工具类]iOS计算器(截图+源码).zip 微信小程序——[小工具类]iOS计算器(截图+源码).zip 微信小程序——[小工具类]iOS计算器(截图+源码).zip 微信小程序——[小工具类]iOS计算器(截图+源码)....
微信小程序——[小工具类]查拼音(截图+源码).zip 微信小程序——[小工具类]查拼音(截图+源码).zip 微信小程序——[小工具类]查拼音(截图+源码).zip 微信小程序——[小工具类]查拼音(截图+源码).zip 微信小...
微信小程序——[小工具类]步步高字典(截图+源码).zip 微信小程序——[小工具类]步步高字典(截图+源码).zip 微信小程序——[小工具类]步步高字典(截图+源码).zip 微信小程序——[小工具类]步步高字典(截图+...
关于 Matlab工具箱应用指南——应用数学篇 的详细介绍书籍
http请求工具类HttpClientUtil,get,post请求(csdn)————程序