常用JavaScript验证小工具集,以及部分jQuery 扩展再总结

来源:互联网 发布:mac粘贴文件 编辑:程序博客网 时间:2024/06/08 16:59

 jQuery扩展方法

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 
如扩展$.fn.abc() 
那么你可以这样子:$("#div").abc(); 
通常使用$.fn.extent(Object);  // jQuery 所选对象扩展方法

$.fx是指jquery的特效。也可以看做是为jquery添加静态方法 
如果使用显示、滑动、淡入淡出、动画等。 
$.fx.off可以关闭动画,其实是直接显示结果。

通常使用:$.extend(Object);   // jQuery 本身的扩展方法

--------------------------------------------------------------------------------------------

比如一个简单的小插件(function($){   $.fn.AlertSelf = function(){      this.click(function(){alert($(this).html())});   }})(jQuery)在页面加载完后给某些元素绑定上<ul id="OnlyUl">   <li>aaa</li>   <li>bbb</li>   <li>ccc</li></ul>$("#OnlyUl li").AlertSelf();
清楚记忆以上两个不同点就好了,在没明白之前真搞不懂,认真看了之后,很简单的啊啊啊啊~~~~~~
//手机号码验证 ----------这样写成自执行函数的形式是为了避免全局函数污染(简单描述:防止你污染别人,和别人污染你)
(function($){   $.fn.btnMobile = function(num){                 var exp = /^1[3-9]\d{9}$/;
            return exp.test(num);  };})(jQuery);
//身份证号码验证var exp = /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/;
//ip验证var exp = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
//返回顶部$(window).scroll(function(){   var a = $(window).scrollTop();
   if(a<100){
    $('.gop-top').fadeIn();
   }else{
    $('.go-top').fadeOut();
   }});
$('.go-top').on("click",function(){
    $("html,body").animate({scrollTop:"0px"},'600');
});
//阻止冒泡:
function stopBubble(e){
   e = e || window.event;
   if(e.stopPropagation){
      e.stopPropagation();  //W3C阻止冒泡方法
   }else{
      e.cancelBubble(); //IE阻止冒泡方法
   }
}
//全部替换replaceAll
var replaceAll = function(bigStr,str1,str2){
    var reg = new RegExp(str1,'gm');
    retur bigStr.replaceAll(reg,str2);
}
//获取浏览器中url中的参数值
var getURLParam = function(name) {    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)', "ig").exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null;};
// 判断是否为邮箱var regEmail = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;$.fn.checkEmail = function(v) {return regEmail.test(v);};
//判断是否为空
(function($){
   $.fn.checkNotNull = function(v){
    if(v) return $.trim(v).length>0;
    return false;
  }
})(jQuery);
//获取当前时间yyyyMMddHHmmss
function getDataStr(){var date = new Date();var year = date.getFullYear();var mouth = date.getMonth() + 1;var day = date.getDate();var hour = date.getHours();var minute = date.getMinutes();var second = date.getSeconds();if(mouth < 10){ /*月份小于10  就在前面加个0*/mouth = String(String(0) + String(mouth));}if(day < 10){ /*日期小于10  就在前面加个0*/day = String(String(0) + String(day));}if(hour < 10){ /*时小于10  就在前面加个0*/hour = String(String(0) + String(hour));}if(minute < 10){ /*分小于10  就在前面加个0*/minute = String(String(0) + String(minute));}if(second < 10){ /*秒小于10  就在前面加个0*/second = String(String(0) + String(second));}var currentDate = String(year) + String(mouth) + String(day) + String(hour) + String(minute) + String(second);console.log('currentDate = ' + currentDate);return currentDate;}
0 0
原创粉丝点击