js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS常用代码 > 表单按钮

js实现会员注册表单验证特效

发布时间:2015-09-09 08:20:26    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

js实现会员注册表单验证特效
function checkna(){
	na=form1.yourname.value;
	if( na.length <1 || na.length >12)  
	{  	
		divname.innerHTML='<font class="tips_false">长度是1~12个字符</font>';
		 
	}else{  
		divname.innerHTML='<font class="tips_true">输入正确</font>';
	   
	}  

}
//验证密码 
function checkpsd1(){    
	psd1=form1.yourpass.value;  
	var flagZM=false ;
	var flagSZ=false ; 
	var flagQT=false ;
	if(psd1.length<6 || psd1.length>12){   
		divpassword1.innerHTML='<font class="tips_false">长度错误</font>';
	}else
		{   
		  for(i=0;i < psd1.length;i++)   
			{    
				if((psd1.charAt(i) >= 'A' && psd1.charAt(i)<='Z') || (psd1.charAt(i)>='a' && psd1.charAt(i)<='z')) 
				{   
					flagZM=true;
				}
				else if(psd1.charAt(i)>='0' && psd1.charAt(i)<='9')    
				{ 
					flagSZ=true;
				}else    
				{ 
					flagQT=true;
				}   
			}   
			if(!flagZM||!flagSZ||flagQT){
			divpassword1.innerHTML='<font class="tips_false">密码必须是字母数字的组合</font>'; 
			 
			}else{
				
			divpassword1.innerHTML='<font class="tips_true">输入正确</font>';
			 
			}  
		 
		}	
}
//验证确认密码 
function checkpsd2(){ 
		if(form1.yourpass.value!=form1.yourpass2.value) { 
		     divpassword2.innerHTML='<font class="tips_false">您两次输入的密码不一样</font>';
		} else { 
		     divpassword2.innerHTML='<font class="tips_true">输入正确</font>';
		}
}
//验证邮箱

function checkmail(){
			apos=form1.youremail.value.indexOf("@");
			dotpos=form1.youremail.value.lastIndexOf(".");
			if (apos<1||dotpos-apos<2) 
			  {
				divmail.innerHTML='<font class="tips_false">输入错误</font>' ;
			  }
			else {
				divmail.innerHTML='<font class="tips_true">输入正确</font>' ;
			}
}



表单验证

jquery会员注册表单验证特效

js实现会员注册表单验证特效

jquery会员注册表单验证实例特效代码