这次提供三个一起,呵呵,分别是:密码强度检测、高亮度指定元素、JS动态加载~~
js 代码
- /**-----------------------------------------------------------------------
- * ----------------------------密码强度检测类-----------------------------
- * -----------------------------------------------------------------------
- */
- function Password() {};
- Password.check = function(/*string*/pwd, /*string*/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(/*string*/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(/*object*/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;
- }
- };
- /**-----------------------------------------------------------------------
- * ----------------------------Js动态加载类-------------------------------
- * ---注意使用时必须保证被加载的JS文件是使用UTF-8保存,否则会出现中文乱码!
- * -----------------------------------------------------------------------
- */
- function JsLoader() {};
- JsLoader.loaded = [];
- JsLoader.prototype = {
- _path : null, // 要加载的JS的路径
- _head : null, // 文档对象的head头对象
- /**
- * 主要调用方法.
- */
- require : function(/*String*/jsPath, /*function*/callback) {
- if (!this._check(jsPath)) return false;
- if (this._isload(jsPath)) return true;
- this._ajaxLoad(callback);
- return true;
- },
- load : function(/*String*/jsPath, /*function*/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);};
- });
- }
- };