自定义提示层弹出层弹窗jq插件代码【简版修复版更新】

正文 9687字数 146,364阅读

修复自定义提示层弹出层弹窗jq插件代码多个非input子元素，增加select判断支持


<script>
var loadinggif='data:image/gif;base64,R0lGODlhEAAQALMPAHp6evf394qKiry8vJOTk83NzYKCgubm5t7e3qysrMXFxe7u7pubm7S0tKOjo////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAPACwAAAAAEAAQAAAETPDJSau9NRDAgWxDYGmdZADCkQnlU7CCOA3oNgXsQG2FRhUAAoWDIU6MGeSDR0m4ghRa7JjIUXCogqQzpRxYhi2HILsOGuJxGcNuTyIAIfkECQgADwAsAAAAABAAEAAABGLwSXmMmjhLAQjSWDAYQHmAz8GVQPIESxZwggIYS0AIATYAvAdh8OIQJwRAQbJkdjAlUCA6KfU0VEmyGWgWnpNfcEAoAo6SmWtBUtCuk9gjwQKeQAeWYQAHIZICKBoKBncTEQAh+QQJCAAPACwAAAAAEAAQAAAEWvDJORejGCtQsgwDAQAGGWSHMK7jgAWq0CGj0VEDIJxPnvAU0a13eAQKrsnI81gqAZ6AUzIonA7JRwFAyAQSgCQsjCmUAIhjDEhlrQTFV+lMGLApWwUzw1jsIwAh+QQJCAAPACwAAAAAEAAQAAAETvDJSau9L4QaBgEAMWgEQh0CqALCZ0pBKhRSkYLvM7Ab/OGThoE2+QExyAdiuexhVglKwdCgqKKTGGBgBc00Np7VcVsJDpVo5ydyJt/wCAAh+QQJCAAPACwAAAAAEAAQAAAEWvDJSau9OAwCABnBtQhdCQjHlQhFWJBCOKWPLAXk8KQIkCwWBcAgMDw4Q5CkgOwohCVCYTIwdAgPolVhWSQAiN1jcLLVQrQbrBV4EcySA8l0Alo0yA8cw+9TIgAh+QQFCAAPACwAAAAAEAAQAAAEWvDJSau9WA4AyAhWMChPwXHCQRUGYARgKQBCzJxAQgXzIC2KFkc1MREoHMTAhwQ0Y5oBgkMhAAqUw8mgWGho0EcCx5DwaAUQrGXATg6zE7bwCQ2sAGZmz7dEAAA7';

;(function ($) {
    $.fn.tishicengjsqiu = function() {
        var mycars = new Array();
        //name值 对应提示
        mycars['sf'] = "请选择省";
        mycars['xx'] = "请填写详细地址";
        mycars['yb'] = "请填写邮政编码";
        mycars['xm'] = "请填写收货人姓名";
        mycars['tel'] = "请填写11位手机号";
        mycars['content'] = "请填写内容";
        mycars['ucontacts'] = "请填写联系人";
        mycars['address'] = "请填写地址";
        mycars['contacts'] = "请填写联系方式";
        
        $(this).submit(function(){
			//var mycars=new Array();
			

            var sv=true;
            $(this).find('input,textarea,select').each(function (){
               var fname=$(this).attr('name');
			   //如果是下拉选项
			   sfname=this.nodeName;
			  
			   if(sfname=='SELECT'){
					//区分大小写
					//alert(sfname);
					//var vsel=$(this+' option:selected').val();
					var sval=$(this).val();
					if(sval.length<1){
						//alert(sval);
						$(this).css({'color':'red','background':'yellow'});
						sv=false;
						return false;
					}
					//console.log();
                    
			   }
               if(fname && (!$(this).val() || fname=='tel' || fname=='email')){
                    var thisval=$(this).val();
                    if(fname=='tel'){
                        if(thisval.length ==11 && !isNaN(thisval)){
                            //sv=true;
                            return true;
                        }
                    }else if(fname=='email'){
                        
                        //对电子邮件的验证
                        var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
                        if(myreg.test(thisval)){
                            //alert('提示\n\n请输入有效的E_mail！');
                            //myreg.focus();
                            //sv=true;
                            return true;
                        }
                    }
                    $(this).val(mycars[fname]);
                    $(this).css({'color':'red','background':'yellow'});
                    //$(this).attr('id','fotishiidddxzq');
                    $("html,body").animate({scrollTop:$(this).offset().top},100);
                    var sthis=this;
                    var test = setTimeout(function(){
                        //alert($(sthis).attr('name'));
                        $(sthis).removeAttr('style');
                        $(sthis).val('');
                        $(sthis).focus();
                    },1200);
                    
                    //清理方法 
                    //clearTimeout(test);
					//alert(sv);
                    sv=false;
                    return false;
               }
			   //mycars[fname]=$(this).val();
            });
			
            return sv;
        });

        
    }
})(jQuery);
//使用
$('#myform').tishicengjsqiu();
</script>

Run code

Cut to clipboard


<script>
var loadinggif='data:image/gif;base64,R0lGODlhEAAQALMPAHp6evf394qKiry8vJOTk83NzYKCgubm5t7e3qysrMXFxe7u7pubm7S0tKOjo////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAPACwAAAAAEAAQAAAETPDJSau9NRDAgWxDYGmdZADCkQnlU7CCOA3oNgXsQG2FRhUAAoWDIU6MGeSDR0m4ghRa7JjIUXCogqQzpRxYhi2HILsOGuJxGcNuTyIAIfkECQgADwAsAAAAABAAEAAABGLwSXmMmjhLAQjSWDAYQHmAz8GVQPIESxZwggIYS0AIATYAvAdh8OIQJwRAQbJkdjAlUCA6KfU0VEmyGWgWnpNfcEAoAo6SmWtBUtCuk9gjwQKeQAeWYQAHIZICKBoKBncTEQAh+QQJCAAPACwAAAAAEAAQAAAEWvDJORejGCtQsgwDAQAGGWSHMK7jgAWq0CGj0VEDIJxPnvAU0a13eAQKrsnI81gqAZ6AUzIonA7JRwFAyAQSgCQsjCmUAIhjDEhlrQTFV+lMGLApWwUzw1jsIwAh+QQJCAAPACwAAAAAEAAQAAAETvDJSau9L4QaBgEAMWgEQh0CqALCZ0pBKhRSkYLvM7Ab/OGThoE2+QExyAdiuexhVglKwdCgqKKTGGBgBc00Np7VcVsJDpVo5ydyJt/wCAAh+QQJCAAPACwAAAAAEAAQAAAEWvDJSau9OAwCABnBtQhdCQjHlQhFWJBCOKWPLAXk8KQIkCwWBcAgMDw4Q5CkgOwohCVCYTIwdAgPolVhWSQAiN1jcLLVQrQbrBV4EcySA8l0Alo0yA8cw+9TIgAh+QQFCAAPACwAAAAAEAAQAAAEWvDJSau9WA4AyAhWMChPwXHCQRUGYARgKQBCzJxAQgXzIC2KFkc1MREoHMTAhwQ0Y5oBgkMhAAqUw8mgWGho0EcCx5DwaAUQrGXATg6zE7bwCQ2sAGZmz7dEAAA7';
var s = ["address-s1", "address-s2", "address-s3"];
var opt0 = ["{$userinfoall.szds}", "{$userinfoall.szdsq}", "{$userinfoall.szdq}"];
setup();preselect('');//promptinfo();
;(function ($) {
    $.fn.tishicengjsqiu = function() {
        var mycars = new Array();
        //name值 对应提示
        mycars['sf'] = "请选择省";
        mycars['xx'] = "请填写详细地址";
        mycars['yb'] = "请填写邮政编码";
        mycars['xm'] = "请填写收货人姓名";
        mycars['tel'] = "请填写11位手机号";
        mycars['content'] = "请填写内容";
        mycars['ucontacts'] = "请填写联系人";
        mycars['address'] = "请填写地址";
        mycars['contacts'] = "请填写联系方式";
        
        $(this).submit(function(){
			//var mycars=new Array();
			

            var sv=true;
            $(this).find('input,textarea,select').each(function (){
               var fname=$(this).attr('name');
			   //如果是下拉选项
			   sfname=this.nodeName;
			  
			   if(sfname=='SELECT'){
					//alert(sfname);
					//var vsel=$(this+' option:selected').val();
					var sval=$(this).val();
					if(sval.length<1){
						//alert(sval);
						$(this).css({'color':'red','background':'yellow'});
						sv=false;
						return false;
					}
					//console.log();
                    
			   }
               if(fname && (!$(this).val() || fname=='tel' || fname=='email')){
                    var thisval=$(this).val();
                    if(fname=='tel'){
                        if(thisval.length ==11 && !isNaN(thisval)){
                            //sv=true;
                            return true;
                        }
                    }else if(fname=='email'){
                        
                        //对电子邮件的验证
                        var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
                        if(myreg.test(thisval)){
                            //alert('提示\n\n请输入有效的E_mail！');
                            //myreg.focus();
                            //sv=true;
                            return true;
                        }
                    }
                    $(this).val(mycars[fname]);
                    $(this).css({'color':'red','background':'yellow'});
                    //$(this).attr('id','fotishiidddxzq');
                    $("html,body").animate({scrollTop:$(this).offset().top},100);
                    var sthis=this;
                    var test = setTimeout(function(){
                        //alert($(sthis).attr('name'));
                        $(sthis).removeAttr('style');
                        $(sthis).val('');
                        $(sthis).focus();
                    },1200);
                    
                    //清理方法 
                    //clearTimeout(test);
					//alert(sv);
                    sv=false;
                    return false;
               }
			   //mycars[fname]=$(this).val();
            });
			if(sv){
				$('#qdqxboxidt').show();
				$('#qdqxboxido').hide();
					//return false;
					//alert(mycars['xm']);
					var sthis=this;
					$.ajax({
					  type: 'POST',
					  url: '/index.php/Home/SubmitOrder/index.html',
					  data: $("#dizhi").serialize(),
					  success: function(data){
						//alert(data);
						if(data=='ok'){
							$('#shlist-neirid').html('<img src="'+loadinggif+'" />');
							$(sthis)[0].reset();
							$('#qdqxboxidt').hide();
							$('#qdqxboxido').show();
							$("html,body").animate({scrollTop:$('#shouhuoboxid').offset().top},100);
								//更新地址
								$.ajax( {
									url: '/index.php/Home/SubmitOrderajax/index.html', //这里是静态页的地址
									type: "GET", //静态页用get方法，否则服务器会抛出405错误
									//dataType: "json",
									//cache: false,
									//async: false,
									beforeSend: function(){
									 // Handle the beforeSend event
									},
									success: function(data){
										$('#shlist-neirid').html(data);
										//var result = $(data).find("另一个html页面的指定的一部分").html();
									}
								});
								//end
						}
					  }
					});
			}
			return false;
            //return sv;
        });

        
    }
})(jQuery);
//使用
$('#dizhi').tishicengjsqiu();
</script>

Run code

Cut to clipboard

lizhenqiu blog

自定义提示层弹出层弹窗jq插件代码【简版修复版更新】

相关日志

暂无评论 »

留下評論