checkforms.js

阶段项目 javascript,主要是模仿51.com网站的页面特效

//----------------------------------first.html页面中的脚本-----------------------------------------------
function checkKeyWord()//检查搜索关键词是否为空
{
	if(document.getElementById("txtKeyWord").value=="")
	{
		alert("搜索关键词不能为空！");
	}
}
//--------------------------------------------over-----------------------------------------------------------




//----------------------------------jobSearch.html页面中的脚本-----------------------------------------------

function showJobLayer(showLayer)//显示职能或行业层，showLayer参数为层ID
{
	document.getElementById(showLayer).style.display="block";
	document.getElementById("sel1").style.display="none";//将下拉列表框第一行中的下拉列表隐藏
	document.getElementById("sel2").style.display="none";//将下拉列表框第二行中的下拉列表隐藏
}

function sendVal(city)//点击工作地点层上相应的省份后将值分别传给按钮和搜索文本框
{
	document.getElementById("btnWorkPlace").value=city;//按钮上的值
	document.getElementById("txtWorkPlace").value=city;//文本框中的值
	document.getElementById("cityLayer").style.display="none";//同时将层关闭
}

function closeLayer(closeLayer)
{
	document.getElementById(closeLayer).style.display="none";//点击“关闭”后将层隐藏
}
   
function handUp(checkBoxName,showResultLayer,closeCheckBoxLayer,kind)//点击“确定”时执行将结果显示在按钮
{																		//下方的层中以及关闭选项层
	var str="";//接收用户选择的多个职能或行业类别值
	var count=0;//计数器，用作判断用户是否选择以及选择结果分行显示的条件
	var jobs=document.getElementsByName(checkBoxName);//将所有复选框中的结果（true,false）保存在数组jobs中
	for(var i=0; i<jobs.length; i++)
	{
		if(jobs[i].checked==true)//某一选项被选中时执行以下代码
		{
			count++;
			if(count%3==0)
			{
				str=str+jobs[i].value+"&nbsp;&nbsp;<br>";//每一行显示3个值
			}
			else
			{
				str=str+jobs[i].value+"&nbsp;&nbsp;";
			}
			document.getElementById(closeCheckBoxLayer).style.display="none";//关闭选项层
			
		}
		else
		{
			continue;//继续下一次遍历
		}
	}
	if(count>0)//有被选择项
	{
			document.getElementById(showResultLayer).innerHTML=str;
			document.getElementById(showResultLayer).style.display="block";
	}
	else//用户没有选择
	{
		alert(kind+"类别未选！");
	}
}

function clearSelect(checkBoxName,showResultLayer)//点击“重置”时所执行的动作
{
	var jobs=document.getElementsByName(checkBoxName);//将所有复选框值保存在数组jobs中
	for(var i=0; i<jobs.length; i++)
	{
		jobs[i].checked=false;
	}
	document.getElementById(showResultLayer).style.display="none";//将先前被选中的复选框恢复未选状态
}

function  checkPlace()//验证工作地点是否选择
{
	var place=document.Searchjob.txtWorkPlace.value;
	if(place=="")
	{
		alert("工作地点不能为空！");
		return false;
	}
	return true;
}

function checkJobSel()//以层showJobInfo（显示职能类别选择结果）中的结果来判断用户是否对职能选项做了选择
{
	var job=document.getElementById("showJobInfo");
	if(job.innerText=="")
	{
		alert("职能类别不能为空！");
		return false;
	}
	return true;
}

function checkFunSel()//以层showFunInfo（显示行业类别选择结果）中的结果来判断用户是否对职能选项做了选择
{
	var fun=document.getElementById("showFunInfo");
	if(fun.innerText=="")
	{
		alert("行业类别不能为空！");
		return false;
	}
	return true;	
}

function checkSearchForm()//检查用户工作地点、行业类别、职业类别的选择情况，只检查不能为空情况！
{
	if(checkPlace()&&checkJobSel()&&checkFunSel())
	{
		return true;
	}
	return false;
}

function showSels()//点击“确定”和“关闭”时将显示被隐藏的多个下拉列表框
{
	document.getElementById("sel1").style.display="block";
	document.getElementById("sel2").style.display="block";
}


function promulgateJobDate()//动态向“发布日期”下拉菜单中填加日期
{
	var selDates=document.getElementById("selDate");
//	var timeArr=new Array();
//	var monArr[""]
//	var now=new Date();
//	var year=now.getYear();
//	var month=(now.getMonth()<10)?("0"+now.getMonth()):(now.getMonth())
	var dateArr=["2007-1-1","2007-1-2","2007-1-2"];
	selDates.options.length=1;
	for(var i=0; i<dateArr.length; i++)
	{
		var dateOpt=new Option(dateArr[i],dateArr[i]);
		selDates.options.add(dateOpt);
	}
//	
}

//-------------------------------------------over-------------------------------------------------------------
//----------------------------------myjob.html页面中的脚本-----------------------------------------------
function checkLoginName()
{	
	var err=document.getElementById("txtName");
	var name=document.getElementById("txtName");
	if(name.value=="")
	{
		err.value="用户名不能为空！";
		document.getElementById("txtName").className="alertStyle";
		return false;
	}
	if((name.value.charAt(0)>'Z'||name.value.charAt(0)<'A')&&(name.value.charAt(0)<'a'||name.value.charAt(0)>'z'))
	{
		err.value="首字符必须为字母！";
		document.getElementById("txtName").className="alertStyle";
		return false;
	}
	if(name.value.length<6)
	{
		err.value="用户名至少包括6个字符！";
		document.getElementById("txtName").className="alertStyle";
		return false;
	}
	return true;
}
	
function checkLoginPwd()
{
	var pwd=document.getElementById("txtPwd");
	if(pwd.value=="")
	{
		alert("密码不能为空！");
		return false;
	}
	if(pwd.value.length<6)
	{
		alert("密码至少为6位！");
		return false;
	}
	return true;
}

function clearContent(obj)
{
	obj.value="";
	obj.className="intro-text";
	obj.select();
	
}
function checkLoginForm()
{
	if(checkLoginName()&&checkLoginPwd())
	{
		document.getElementById("userLogin").submit();
		return true;
	}
	else
	{
		return false;
	}
}

//-----------------------------------------------over-------------------------------------------------------





	
//---------------------------------------------userReg.html中应用到的脚本-------------------------------------

var mailClick=false;
var nameClick=false;
function checkEmail(mailId)//检查用户的Email地址是否输入正确
{
	var err=document.getElementById("mailError");
	var mail=document.getElementById(mailId).value;
	if(mail=="")
	{
		err.innerHTML="Email地址不能为空！";
		document.getElementById("mailError").className="alertStyle";
		mailClick=false;
		return false ;
	}
	if(mail.indexOf('@')==-1|| mail.indexOf('.')==-1)
	{
		err.innerHTML="Email必须含有@和.!";
		document.getElementById("mailError").className="alertStyle";
		mailClick=false;
		return false;
	}
	if(mail.indexOf('@')==0||mail.indexOf('@')==mail.length-1)
	{
		err.innerHTML="@不能在地址首尾位置";
		document.getElementById("mailError").className="alertStyle";
		mailClick=false;
		return false;
	}
	if(mail.indexOf('@')>=mail.indexOf('.'))
	{
		err.innerHTML="Email地址非法，@应在.前面";
		document.getElementById("mailError").className="alertStyle";
		mailClick=false;
		return false;
	}
	if((mail.substring(mail.indexOf('@')+1)).indexOf('@')>=0)
	{
		err.innerHTML="Email地址中只能含有一个@!";
		document.getElementById("mailError").className="alertStyle";
		mailClick=false;
		return false;
	}
	for(var i=0; i<mail.length-1; i++)
	{
		if(isNaN(mail.charAt(i))&&!(mail.charAt(i)<='z'&& mail.charAt(i)>='a')&&!(mail.charAt(i)<='Z'&& mail.charAt(i)>='A')&&mail.charAt(i)!="@"&&mail.charAt(i)!="."&&mail.charAt(i)!="_")
		//&&mail.charAt(i)!="_"
		//&&!(mail.charAt(i)<='Z'&&mail.charAt(i)>='A')
		{
			err.innerHTML="Email地址中含有非法字符！";
			document.getElementById("mailError").className="alertStyle";
			mailClick=false;
			return false;
		}
	}
	document.getElementById("mailError").className="";
	err.innerHTML="恭喜您，可以使用此邮箱！";
	mailClick=true;
	return true;
}

function checkName()
{	
	var err=document.getElementById("nameError");
	var name=document.userReg.txtName;
	if(name.value=="")
	{
		err.innerHTML="用户名不能为空！";
		document.getElementById("nameError").className="alertStyle";
		nameClick=false;
		return false;
	}
	if((name.value.charAt(0)>'Z'||name.value.charAt(0)<'A')&&(name.value.charAt(0)<'a'||name.value.charAt(0)>'z'))
	{
		err.innerHTML="首字符必须为字母！";
		document.getElementById("nameError").className="alertStyle";
		nameClick=false;
		return false;
	}
	if(name.value.length<6)
	{
		err.innerHTML="用户名至少包括6个字符！";
		document.getElementById("nameError").className="alertStyle";
		nameClick=false;
		return false;
	}
	document.getElementById("nameError").className="";
	err.innerHTML="恭喜您，可以使用此用户名！";
	nameClick=true;
	return true;
}

function checkPwd1()
{
	var pwd=document.getElementById("txtPwd1");
	var err=document.getElementById("pwdError1");
	if(pwd.value=="")
	{
		err.innerHTML="密码不能为空！";
		document.getElementById("pwdError1").className="alertStyle";
		return false;
	}
	if(pwd.value.length<6)
	{
		err.innerHTML="密码强度不够，至少为6位！";
		document.getElementById("pwdError1").className="alertStyle";
		return false;
	}
	err.innerHTML="密码符合要求";
	return true;
}

function checkPwd2()//检查确认密码
{
	var pwd1=document.getElementById("txtPwd1");
	var pwd2=document.getElementById("txtPwd2");
	var err=document.getElementById("pwdError2");
	if(pwd2.value=="")
	{
		err.innerHTML="重复密码不能为空！";
		document.getElementById("pwdError2").className="alertStyle";
		return false;
	}
	if(pwd1.value!=pwd2.value)
	{
		err.innerHTML="两次密码不一致！";
		document.getElementById("pwdError2").className="alertStyle";
		return false;
	}
	return true;
}

function checkMailClick()//检查用户是否点击过“检查是否可用”按钮对Email进行了验证
{
	if(mailClick)
	{
		return true;
	}
	else
	{
		document.getElementById("mailError").innerHTML="请进行Email检查";
		document.getElementById("mailError").className="alertStyle";
		return false;
	}
}

function checkNameClick()//检查用户是否点击过“检查是否可用”按钮对Email进行了验证
{	
	if(nameClick)
	{
		return true;
	}
	else
	{
		document.getElementById("nameError").innerHTML="请进行用户名检查";
		document.getElementById("nameError").className="alertStyle";
		return false;
	}
}

function checkRegForm()
{
	if(checkMailClick()&&checkNameClick()&&checkPwd1()&&checkPwd2()&&checkEmail()&&checkName())
	{
		return true;
	}
	else
	{
		return false;
	}
}

function clearContent(obj,erroID,errInfo)//当文本框获得焦点时
{
	obj.select();
	document.getElementById(erroID).innerText=errInfo;
	document.getElementById(erroID).className="";
}

//-------------------------------------------over---------------------------------------------------------






//－－－－－－－－－－－－－－－－－页面companyIntroduction.html中应用到的脚本－－－－－－－－－－－－－－－－－－

function checkName_Company()//页面左上方用户名验证
{	
	var name=document.getElementById("txtName_Company");
	if(name.value=="")
	{
		alert("用户名不能为空！");
		return false;
	}
	if((name.value.charAt(0)>'Z'||name.value.charAt(0)<'A')&&(name.value.charAt(0)<'a'||name.value.charAt(0)>'z'))
	{
		alert("首字符必为字母！");
		name.select();
		return false;
	}
	if(name.value.length<6)
	{
		alert("用户名至少6字符！");
		name.select();
		return false;
	}
	return true;
}
	
function checkPwd_Company()//密码验证
{
	var pwd=document.getElementById("txtPwd_Company");
	if(pwd.value=="")
	{
		alert("密码不能为空！");
		return false;
	}
	if(pwd.value.length<6)
	{
		alert("密码至少为6位！");
		pwd.select();
		return false;
	}
	return true;
}

function txtFocus(obj)//文本框获得焦点时
{
	obj.focus();
	
}
function checkLogin_Company()
{
	if(checkName_Company()&&checkPwd_Company())
	{
		document.getElementById("userLogin_Company").submit();
		return true;
	}
	else
	{
		return false;
	}
}

var timer;//定时器  －－－－－－－－－－－－飘浮广告特效－－－－－－－－－－－－－
var xPos=0;//图片水平位置
var yPos=0;//图片竖直位置
var toR=true,toB=true;//广告能否向右或下移动
var scrollDis=0;
var isScroll=false;
function floatAdv()//飘动广告        注意：同时传递两个参数（图片ID及层ID时18行会报错！？？？）
{	
	var L=0;//左、上活动范围
	var T;
	var img=document.getElementById("floatPic");//定位广告层中的图片
	var R=document.body.clientWidth-img.offsetWidth;//水平活动的范围
	if(document.body.scrollTop>0)//如果滚动条滚动过则上边界值为滚动距离
	{
		T=document.body.scrollTop;
	}
	else//未滚动过的情况
	{
		T=0;
	}
	var B=document.body.clientHeight-img.offsetHeight+document.body.scrollTop;//竖直活动的范围
	document.getElementById("Adv").style.left=xPos;//获取水平位置坐标
	document.getElementById("Adv").style.top=yPos;//获取竖直位置坐标
	if(xPos<L){toR=true;xPos=L;}
	if(xPos>R){toR=false;xPos=R;}
	xPos=xPos+1*(toR?1:-1)
	if(yPos<T){toB=true;yPos=T;}
	if(yPos>B){toB=false;yPos=B;}
	yPos=yPos+1*(toB?1:-1)
	timer=setTimeout("floatAdv()",10);
}

function stopAdv()//鼠标移到图片上时图片停止滚动
{
	clearTimeout(timer);
}