jquery判断密码强度

标 签: jquery

jquery判断密码强度


1.如何用jquery判断密码的强度,一般都有正则,不多说,直接贴代码吧:

首先是HTML:

*原密码:
*新密码: (至少六个字符)
*确认密码:


2.下面是正则操作的JS,代码如下:

$(function () {
            $('#pass').keyup(function(e) {
             var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
             var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
             var enoughRegex = new RegExp("(?=.{6,}).*", "g");
             if (false == enoughRegex.test($(this).val())) {
                     $('#passstrength').css('color','red');
             } else if (strongRegex.test($(this).val())) {
                     $('#passstrength').html('(强)').css('color','green');
             } else if (mediumRegex.test($(this).val())) {
                     $('#passstrength').html('(中)').css('color','#E6941A');
             } else {
                     $('#passstrength').html('(弱)').css('color','red');
                 }
                 return true;
            });
        }); 
当然,这个特别比较粗糙,如果不合意,自己做做,这个主要是正则JS,


Js+JQuery / 评 论 (0) / 热度 (116℃) / 2017-03-06 / 阅读全文  / MaWei

jquery获取选中的文字

标 签: HTMLjquery

jquery获取选中的文字,js获取选中的文字


js获取选择中文字的js代码:

var text = '';
if(document.selection) {
	text = document.selection.createRange().text;
} else {
	text = document.getSelection();
}

alert(text);

Js+JQuery / 评 论 (0) / 热度 (183℃) / 2017-03-06 / 阅读全文  / MaWei

图片传前预览

标 签: HTMLjquery

jquery图片上传前预览代码

1.在上传图片前,默认是没有办法看到预览的,这是现在浏览器很头痛的问题,想预览可以用如下js,这个代码是来自网络,他原来的代码是只是看一个,你多选也只能看最后一个,我改了一下,注释起来为他原来的代码。具体找码如下:

<script>	
	$("#infile").change(function(){
		// var objUrl = getObjectURL(this.files[0]) ;
		// console.log("objUrl = "+objUrl) ;
			// if (objUrl) {
			 // $("#img0").attr("src", objUrl) ;
		 // }
        	$(this.files).each(function (index,Obj){
			objUrl = getObjectURL(Obj);
			console.log("objUrl = "+objUrl) ;
			if (objUrl) {
				var html = "<img src='"+objUrl+"'/>";
					$('.img').append(html) ;
				}
			});
	}) ;
	//建立一個可存取到該file的url
	function getObjectURL(file) {
		var url = null ; 
		if (window.createObjectURL!=undefined) { // basic
			url = window.createObjectURL(file) ;
		} else if (window.URL!=undefined) { // mozilla(firefox)
			url = window.URL.createObjectURL(file) ;
		} else if (window.webkitURL!=undefined) { // webkit or chrome
			url = window.webkitURL.createObjectURL(file) ;
		}
			return url ;
		}
</script>

2.html的代码部分如下:

<input type="file" name="file[]" id="infile" />
<div class="img"></div>

Js+JQuery / 评 论 (0) / 热度 (116℃) / 2017-03-06 / 阅读全文  / MaWei

jquery获取元素离顶部的高度

标 签: jquery

jquery获取元素位置偏移高度


1.jquery获取元素相对于父元素的偏移位置用 .position(),

这个函数是不需要任何参数的,他会返回这个元素的 top、left值。例子如下:

var pos = $('element').position();
//相对父元素的左偏移量
alert(pos.left);
//相对父元素的上偏移量
alert(pos.top);


2.jquery获取元素在浏览器中的位置高度用 .offset(),

这个函数也是不用任何参数的,他会返回 top、left值。例子如下:

var pos = $('element').offset();
//相对浏览器的左边偏移量
alert(pos.left);
//相对浏览器的顶部偏移量
alert(pos.top);

3.jquery获取垂直流动条的偏移高度 .scrollTop(), jquery获取水平滚动条离左边的偏移量 .scrollLeft(),

这个函数不接受参数,他会返回流动条离顶部的高度偏移量。例子如下:

//滚动条离顶部的偏移量
var pos = $('elenment').scrollTop();
alert(pos);

//滚动条离左边的偏移量
var pos = $('elenment').scrollLeft();
alert(pos);


Js+JQuery / 评 论 (0) / 热度 (442℃) / 2017-03-06 / 阅读全文  / MaWei

jquery自定义扩展函数

标 签: jquery

jquery 自定义函数

方法1:

$.fn.diyfun = function(index){
    return index;
}
//调用方法
$(this).diyfun(1);
//注意,$后面要接选择器,不选择也要用this.

方法2:

$.extend({
    diyfun:function(index){
        return index;
    }
});
//调用方法
$.diyfun(index);
//注意这种方法 $ 后面直接接点,不能有括号。

方法3:

$.diyfun = function(index){
    return index;
}
//调用方法
$.diyfun(1231);
//这个方法最简单,Jquery最简单的扩展方法


Js+JQuery / 评 论 (0) / 热度 (96℃) / 2017-03-06 / 阅读全文  / MaWei

js验证如何限制输入框input只能输入数字,字母,等的正则表达式。

标 签: jquery


    JS只能输入数字,数字和字母等的正则表达式

    1.input框里面只能输入自然数:

    2.input框里面只能输入数字,小数:

    3.input框里面只能输入字母:

Js+JQuery / 评 论 (0) / 热度 (128℃) / 2017-03-06 / 阅读全文  / MaWei

jQuery 如何为动态添加的元素绑定事件

标 签: jquery

    今天在用jquery写脚本的时候,要做个用jquery添加的新元素绑定一个删除事件,发现怎么绑定都不行,想了很久才发现是因为默认的事件只支持页面已经加载过的元素,新添加的元素是没有加载的。如何为动态新添加的元素绑定事件,找了很久,后来发jquery有这样的方法,我还用过,只是一直不知道他是可以支持动态绑定的。好了不费话了.


    其实还有一个方法,就是要加载多一个插件,liveQuery. 这个插件我没有用过,有意是可以自己找资料。

    .live() 方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托,
    live 函数具体使用方法如下 :

    在jQuery 1.4.1 中,.live() 能接受多个,用空间分隔事件,在提供类似.bind()的功能 。例如,我们可以“live ” 同时绑定mouseover和mouseout事件,像这样:

$('.hoverme').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});
     在jQuery 1.4.3中:你可以绑定一个或多个事件类型的字符串和函数的数据映射来执行他们
$("a").live({
  click: function() {
    // do something on click
  },
  mouseover: function() {
    // do something on mouseover
  }
});

Js+JQuery / 评 论 (0) / 热度 (562℃) / 2013-10-07 / 阅读全文  / MaWei

jQuery 获取高度宽度

标 签: jquery

  jQuery 获取屏幕高度、宽度


alert($(window).height());//浏览器当前窗口可视区域高度
alert($(document).height());//浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width());//浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
 // 获取页面的高度、宽度
functiongetPageSize() {
			varxScroll, yScroll;
			if(window.innerHeight && window.scrollMaxY) {
				xScroll = window.innerWidth + window.scrollMaxX;
				yScroll = window.innerHeight + window.scrollMaxY;
			}else{
				if(document.body.scrollHeight > document.body.offsetHeight) {// all but Explorer Mac
					xScroll = document.body.scrollWidth;
					yScroll = document.body.scrollHeight;
				}else{// Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
					xScroll = document.body.offsetWidth;
					yScroll = document.body.offsetHeight;
				}
			}
			varwindowWidth, windowHeight;
			if(self.innerHeight) {// all except Explorer
				if(document.documentElement.clientWidth) {
					windowWidth = document.documentElement.clientWidth;
				}else{
					windowWidth = self.innerWidth;
				}
				windowHeight = self.innerHeight;
			}else{
				if(document.documentElement && document.documentElement.clientHeight) {// Explorer 6 Strict Mode
					windowWidth = document.documentElement.clientWidth;
					windowHeight = document.documentElement.clientHeight;
				}else{
					if(document.body) {// other Explorers
						windowWidth = document.body.clientWidth;
						windowHeight = document.body.clientHeight;
					}
				}
			}
			// for small pages with total height less then height of the viewport
			if(yScroll < windowHeight) {
				pageHeight = windowHeight;
			}else{
				pageHeight = yScroll;
			}
			// for small pages with total width less then width of the viewport
			if(xScroll < windowWidth) {
				pageWidth = xScroll;
			}else{
				pageWidth = windowWidth;
			}
			arrayPageSize =newArray(pageWidth, pageHeight, windowWidth, windowHeight);
			returnarrayPageSize;
		}
 // 滚动条
document.body.scrollTop;
$(document).scrollTop();

 

Js+JQuery / 评 论 (0) / 热度 (507℃) / 2013-07-02 / 阅读全文  / MaWei

12