前端验证封装函数

2019独角兽企业重金招聘Python工程师标准>>>

$(function($){
	$.fn.lsfvalidate = function(userOptions){
		var opts = $.extend({},$.fn.lsfvalidate.defaultsOptions, userOptions);
		
		var errorMsg = opts.errorMsg;
		var position = opts.position;
		var msgStr = "<div class='Prompt fz12 error_tips mt10'>"+errorMsg+"</div>";
		if(opts.hasBorder){
			$(this).addClass("errors");
		}
		if(position==0){
			$(this).after(msgStr);
		}else if(position==1){
			$(this).parent().append(msgStr);
		}else if(position==2){
			$(this).parent().after(msgStr);
		}
		
		var docType = $(this).is("input");
		if(docType){
			$(this).focus();
		}
	}
	$.fn.lsfvalidate.defaultsOptions = {
		errorMsg:"",
		position:0,
		hasBorder:true
	};
})(jQuery);

调用示例：

if(!(mobile).match(/^(((1[3|4|5|7|8][0-9]{1})|159|153)+\d{8})$/)){
			$('#wmobile').lsfvalidate({errorMsg:"手机号码格式有误！请重新输入！",position:2});
		}

转载于:https://my.oschina.net/daladida/blog/726122