总结-JS常用代码

//用户名验证

function checkUserName()

{

var name=document.myForm.txtUser.value;

if(name.value=="")

{

alert("请输入用户名!");

return false;

}

if(!(name.length>=4&&name.length<=16))

{

alert("用户名输入的长度4-16个字符");

return false;

}

for(var i=0;i

{

var n=name.charAt(i);

if(!(n>'a'&&n<'z')&&!(n>'0'&&n<'9')&&n!=='_')

{

alert("用户名包含非法字符,只能包括a-z,0-9和下划线");

return false;

}

}

return true;

}

//验证密码

function checkPass()

{

var pass=document.myForm.txtPass;

var pass2=document.myForm.txtPass2;

if(pass.value=="")

{

alert("密码不能为空!");

pass.focus();

return false;

}

if(!(pass.value.length=>6&&pass.value.length<=12))

{

alert("密码长度为6-12个字符!");

pass.value="";

pass.focus();

return false;

}

if(pass.value != pass2.value)

{

alert("确认密码与密码输入不一致!请重新输入!");

pass.value ="";

pass2.value ="";

pass.focus();

return false;

}

return true;

}

//年份验证

function checkY ear()

{

var time = new Date(); //创建一个日期和时间对象

var nowY ear = time.getY ear();

var year=document.myForm.txtY ear;

if(!isNaN(year.value))

{

if(!(year.value>=1949 && year.value<=nowY ear))

{

alert("年份范围从1949-"+nowY ear+"年");

year.value ="";

year.focus();

return false;

}

return true;

}

else

{

alert("年份必须为数字!");

year.value ="";

year.focus();

return false;

}

}

//电子邮箱的验证

function checkEmail()

{

var strEmail=document.myForm.txtEmail.value;

if(strEmail.length==0)

{

alert("电子邮件不能为空!");

return false;

}

if(strEmail.indexOf("@",0)==-1||strEmail.indexOf(".",0)==-1)

{

alert("电子邮件格式不正确\n必须包含@符号和.符号!");

return false;

}

if(strEmail.charAt(0)=='@'||strEmail.charAt(0)=='.'||strEmail.charAt(strEmail.length-1)=='@'| |strEmail.charAt(strEmail.length-1)=='.')

{

alert("@和.符号不能在第一位和最后一位");

return false;

}

return true;

}

//出生日期的验证

function checkBrith()

{

var brith=document.myForm.txtBrith.value;

if(!(brith.charAt(4)=='-'&&brith.charAt(7)=='-'))

{

alert("出生日期格式为yyyy-mm-dd");

return false;

}

if(brith.length!=10)

{

alert("字符长度为10!");

return false;

}

var time = new Date();

var nowY ear = time.getY ear();

var arrayBrith = brith.split('-');

for(var i=0;i

{

if(isNaN(arrayBrith[i]))

{

alert("出生日期只能是数字!");

return false;

}

if(!(arrayBrith[0]>=1900&&arrayBrith[0]<=nowY ear))

{

alert("年份范围1900-"+nowY ear+"年");

return false;

}

if(!(arrayBrith[1]>=1&&arrayBrith[1]<=12))

{

alert("月范围1-12");

return false;

}

if(!(arrayBrith[2]>=1&&arrayBrith[2]<=31))

{

alert("日范围1-31");

return false;

}

}

return true;

}

//性别验证

function checkSex()

{

var sex = document.getElementsByName("rdoSex");

alert(sex);

var isCheck = false;

for(var i=0;i

{

if(sex[i].checked)

{

isCheck = true;

return true;

}

else

{

alert("请选择性别!");

return false;

}

}

return sex;

}

//将回车事件修改为Tab事件

function changeFocus()

{

if(event.keyCode==13&&event.srcElement.type != 'button'&&event.srcElement.type !='submit'&&event.srcElement.type !='reset'&&event.srcEleme nt.type !='textarea'&&event.srcElement.type !='')

event.keyCode=9;

}

document.onkeydown = changeFocus;

//"用户名" 文本框失去焦点

function lostFocus()

{

var name = document.myForm.txtUser.value;

if(name=="")

{

document.getElementById("nameError").innerHTML="用户名不能为空";

document.getElementById("nameWord").style.display = "none";

}

else

{

document.getElementById("nameError").style.display = "none";

document.getElementById("nameWord").style.display = "inline";

}

}

//游泳的鱼

function moveFish()

{

if(event.keyCode == 65)

{

document.getElementById("fish").style.pixelLeft-=10;

}

if(event.keyCode == 68)

{

document.getElementById("fish").style.pixelLeft+=10;

}

if(event.keyCode ==87 )

{

document.getElementById("fish").style.pixelTop-=10;

}

if(event.keyCode == 83)

{

document.getElementById("fish").style.pixelTop+=10;

}

}

document.onkeydown = moveFish;

//用数组优化省市级别

function changeCity()

{

var cityList = new Array();

cityList['四川省']=['成都','绵阳','德阳','自贡','内江','乐山','泸州'];

cityList['山东省']=['济南','青岛','淄博','烟台','济宁','泰安','日照'];

cityList['湖北省']=['武汉','宜昌','荆门','黄冈','十堰','恩施','黄石'];

//获得省份选项的索引

var pIndex=document.myform.selProvince.value;

var newOption1;

document.myform.selCity.options.length=0;

for(var i in cityList[pIndex])

{

newOption1=new Option(cityList[pIndex][i],cityList[pIndex][i]);

document.myform.selCity.options.add(newOption1);

}

if(pIndex=="--请选择开户账号的省份--")

{

newOption1 = new Option("--请选择开户账号的城市--","--请选择开户账号的城市--");

document.myform.selCity.options.add(newOption1);

}

}

//12小时进制的时钟显示

function showTime()

{

var time = new Date();

var year = time.getY ear();

var month = time.getMonth()+1;

var date = time.getDate();

var hour = time.getHours();

var mins = time.getMinutes();

var sec = time.getSeconds();

var apm = 0;

if (hour>12)

{

apm = "PM";

}else

{

apm = "AM";

}

var weekday;

var weekdayList = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

weekday=weekdayList[time.getDay()];

//document.write("今天是:"+year+"-"+month+"-"+date+" "+weekday+" "+hour+":"+mins+":"+sec);

document.getElementById("time").innerHTML="今天是"+year+"年"+month+"月"+date+"日"+weekday+" "+hour+":"+mins+":"+sec+apm;

/*设置定时器每隔1秒(1000毫秒),调用函数disptime()执行,刷新时钟显示*/ setTimeout("showTime()",1000);

}

//打印菱形图案

var i,j,k;

for(i=0;i<=3;i++) //共打印4行

{

for(j=0;j<=2-i;j++) //一行打印2-i个空格

{

document.write(" ");

}

for(k=0;k<=2*i;k++) //一行打印2*i个星号

{

document.write("*");

}

document.write("
");

}

for(i=0;i<=2;i++) //下面倒过来的三角形,打印三行

{

for(j=0;j<=i;j++) //第一行打印一个空格,因为i=0

{

document.write(" ");

}

for(k=0;k<=4-2*i;k++) //第一行打印4-2*i个星号

{

document.write("*");

}

document.write("
");

}

//模式窗口练习

Address.html页面中:

function address()

{

var province = document.myform.address1.value;

var city = document.myform.address2.value;

var qu = document.myform.txtroad.value;

var num = document.myform.txtNum.value;

var address = province+city+qu+num;

//把值传递给父窗口

window.returnV alue=address;

//子窗口关闭

window.close();

}

主窗口中:

function openWindow()

{

var

address=window.showModalDialog("Address.html","","dialogWidth=340;dialogHeight=270")

document.myform.address.value=address;

}

//随滚动条移动带关闭层的广告层

var picTop=0;

var advTop=0;

function init() //初始化显示位置:加载时调用onLoad="init()"

{

picTop=document.getElementById("advLayer").style.pixelTop;

advTop=document.getElementById("closeAdv").style.pixelTop;

}

function move() //广告层的移动

{

document.getElementById("advLayer").style.pixelTop=picTop+document.body.scrollTop;

document.getElementById("closeAdv").style.pixelTop=advTop+document.body.scrollTop; }

function closeAdv() //隐藏广告层和关闭层

{

document.getElementById("advLayer").style.display="none";

document.getElementById("closeAdv").style.display="none";

}

window.onscroll=move;

(一)

---------------------------------------------------------------------------------------------------------

(二)

//获取某个对象的函数

function $ ( pElementID ) {

return document.getElementById(pElementID);

}

//省市级联

//倒计时

function a()

{

var now = new Date();

var endDate = new Date(2009,5,1);

var leftTime=endDate.getTime()-now.getTime();

var leftsecond = parseInt(leftTime/1000);

//var day1=parseInt(leftsecond/(24*60*60*6));

var day1=parseInt(leftsecond/(60*60*24));

var hour=parseInt((leftsecond-day1*24*60*60)/3600);

var minute=parseInt((leftsecond-day1*24*60*60-hour*3600)/60);

var second=parseInt(leftsecond-day1*24*60*60-hour*3600-minute*60);

document.getElementById("time").innerHTML = "距离2009年6月1日还有："+day1+"

天"+hour+"小时"+minute+"分"+second+"秒";

setTimeout("a()",1000);

}