常用js模板代码-模块化

	var Base = function(){}

	Base.prototype = {
		//基本dom操作
		$id:function (id){
			return document.getElementById(id);
		},
		$tag:function(tag){
			return document.getElementsByTagName(tag);
		},
		//模板
		template:function(str,obj){
			// str.replace(/@\((_*\w)+\)/g,);
			return str.replace(/@\((_*\w)+\)/g,function(data){
				var attr =  data.substring(2,data.length-1);
				return obj[attr];
			});
		},
		//首字母大写
		firstUpper:function(str){
			return str.replace(/\b\w+\b/g,function(data){
				return data.substring(0,1).toUpperCase()+data.substring(1)
			});
		},
		//表单验证插件
		/**
			^[a-zA-Z_]$	             //所有的字母和下划线
			^[[:alpha:]]{3}$	     //所有的3个字母的单词
			^\-{0,1}[0-9]{1,}$       //所有的整数 
			^[-]?[0-9]+\.?[0-9]+$    //所有的浮点数
			/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/   //验证邮箱
			/^0\d{2,3}-?\d{7,8}$/; //区号+号码,区号以0开头,3位或4位
		*/
		//1.清除空格
		trim:function(str){
			var reg = /\s/g;
			return str.replace(reg,'');
		},
		//2.检查是否为空
		checkNull:function(isnull){
			var flag = false;
			if(isnull.length!=0){
				flag=true;
			}
			return flag;
		},
		//3.检查是否为数字
		isNumber:function(isnumber){
			var reg = /^[0-9]+$/;
			return reg.test(isnumber);
		},
		//4.检查是否为字母
		isString:function(isstr){
			var reg = /^[a-zA-Z]+$/;
			return reg.test(isstr);
		},
		//5.检查是否为字母数字
		isCharNum:function(ischar_num){
			var reg = /^\w+$/;
			return reg.test(ischar_num);
		},
		//6.检查邮箱格式
		isMail:function(ismail){
			var reg = /^(\w)+@(\w)+(\.\w{2,4})+$/;
			return reg.test(ismail);
		},
		//7.检查手机号11位
		isPhone:function(isphone){
			var reg = /^\w{11}$/;
			return reg.test(isphone);
		}
	} 
	var $$ = new Base();


本例采用面向对象的方式进行封装库函数,对常用的表单验证、注册登录功能进行一些简单的封装。




  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值