html表单验证案例,javascript表单验证实例

无标题文档

.inputstyle {

width: 150px;

height: 20px;

}

div {

color: #F00;

font-size: 12px;

}

//用户名验证

function checkUser(){

var user=document.getElementById("username").value;

var divuserId=document.getElementById("user_prompt");

divuserId.innerHTML="";

var reg=/^\w{4,16}$/;

var result=reg.test(user);

if(!result){

divuserId.innerHTML="请重新输入用户名";

return false;

}

return true;

}

//密码验证

function checkPass(){

var pass=document.getElementById("password").value;

var divpassId=document.getElementById("pass_prompt");

divpassId.innerHTML="";

var reg=/^[a-zA-Z0-9]{4,10}$/;

var result=reg.test(pass);

if(!result){

divpassId.innerHTML="密码输入错误，请重新输入";

return false;

}

return true;

}

//确认密码验证

function checkRepass(){

var pass=document.getElementById("password").value;

var repass=document.getElementById("repass").value;

var divrepassId=document.getElementById("repass_prompt");

if(pass!=repass){

divrepassId.innerHTML="两次密码不一致，请重新输入";

return false;

}

divrepassId.innerHTML="";

return true;

}

//性别验证

function checkGender(){

var gen=document.getElementsByName("gender");

var genValue="";

for(var i=0;i

if(gen[i].checked==true){

genValue=gen[i].value;

return true;

}

return false;

}

}

//多选验证

function checkHobby(){

var hobb=document.getElementsByName("hobby");

for(var i=0;i

hobb[i].checked=document.getElementById("all").checked;

}

}

//省份的验证

var cityList=new Array();

cityList ["甘肃省"]=["武威市","天水市","兰州市"];

cityList['海南省'] = ['海口市'];

cityList['福建省'] = ['福州市','厦门市','泉州市','漳州市'];

cityList['山东省'] = ['济南市','青岛市','烟台市'];

cityList['江西省'] = ['南昌市'];

cityList['广西省'] = ['柳州市','南宁市'];

function checkProvince(){

var province=document.getElementById("province").value;

var city=document.getElementById("city");

city.options.length=0;

for(var i in cityList){

if(i==province){

for(var j in cityList[i]){

city.add(new Option(cityList[i][j],cityList[i][j]),null);

}

}

}

}

function allcity(){

var province=document.getElementById("province");

for(var i in cityList){

province.add(new Option(i,i),null);

}

}

window.οnlοad=allcity;

//表单提交

function checkAll(obj){

if(!checkUser()){

alert("请输入正确的用户名");

return false;

}

else if(!checkPass()){

alert("请重新输入密码");

return false;

}

else if(!checkRepass()){

alert("两次密码不一致");

return false;

}

else if(document.getElementById("province").value==" " ){

alert("请选择省份");

return false;

}

return true;

}

用户名：		用户名由英文字母 和数字组成的4-16位字符
密码：		密码由英文字母和数字组成的4-10位字符
确认密码：
性别：	男 女
爱好：	唱歌 跳舞 画画 运动 全选
所属地：	省份： --请选择省份-- 城市：