html表单提交及用户名校验,javascript表单提交验证（用户名，邮箱，，，，，）...

无标题文档

div {

font-size: 14px;

color: #F00;

}

.inputstyle {

width: 150px;

}

//用户名验证

function checkUser(){

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

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

var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;

divUserId.innerHTML="";

if(reg.test(user)==false){

divUserId.innerHTML="用户名不正确";

return false;

}else{

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}$/;

if(reg.test(pass)==false){

divPassId.innerHTML="密码输入错误";

return false;

}return true;

}

//确认密码验证

function checkRepass(){

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

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

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

if(pass!=repass){

divRepassId.innerHTML="两次密码不一致";

return false;

}

return true;

}

//生日验证

function checkBirth(){

var birth=document.getElementById("birthday").value;

var divBirthId=document.getElementById("birth_prompt");

divBirthId.innerHTML="";

var reg=/^((19\d{2})|(200\d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;

if(reg.test(birth)==false){

divBirthId.innerHTML="生日格式不正确,请输入正确的格式例如1989-03-09";

return false;

}

divBirthId.innerHTML="";

return true;

}

//邮件验证

function checkEmail(){

var emai=document.getElementById("email").value;

var divEmailId=document.getElementById("email_prompt");

divEmailId.innerHTML="";

var reg=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;

if(reg.test(emai)==false){

divEmailId.innerHTML="邮件格式不正确，请重新输入";

return false;

}

divEmailId.innerHTML="";

return true;

}

//手机号码验证

function checkTel(){

var tel=document.getElementById("number").value;

var DivTelId=document.getElementById("number_prompt");

DivTelId.innerHTML="";

var reg=/^1\d{10}$/;

if(reg.test(tel)==false){

DivTelId.innerHTML="输入错误，请重新输入";

return false;

}

DivTelId.innerHTML="";

return true;

}

//性别验证

function checkgender(){

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

var genValue="";

for(var i=0;i

//alert(genArray[i].checked+" "+genArray[i].name + " "+ genArray[i].value);

if(genArraay[i].checked==true){//得到选中的单选按钮状态

genValue=genArray[i].value;

}

}

if(genValue!=null&&genValue!=" "){

alert("genValue"+genValue);

}else{

alert("请选择性别");

}

}

//多选框的验证

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 changeCity(){

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

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

city.options.length=0;

for(var i in cityList){

if(i==pro){

for(var j in cityList[i]){

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

}

}

}

}

function allCity(){

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

for(var i in cityList){

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

}

}

window.onload=allCity;

//回车登录

function checkData(){

if(!checkUser()){

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

return false;

}

var keynum;

if(window.event){

keynum=event.keyCode();

}else if(event.which){

keynum=event.which;

}

if(keynum==13){

subMit("回车键已按，请登录")

return true;

}

return true;

}

function subMit(obj){

document.form1.submit();

}

用户名：		用户名由英文字母 和数字组成的4-16位字符，以字母开头
密码：		密码由英文字母和数字组成的4-10位字符
确认密码：
生日：
性别：	男 女
邮件地址：
手机号码:
爱好：	唱歌 跳舞 画画 运动 全选
所属地：	省份： --选择省份-- 城市： --选择城市--