JS注册投票Demo

//检查用户名

function checkUserName(){

var user_name=document.getElementById("userName").value;
    var reg = /^\s*(\S+)\s*$/;
    if(reg.test(user_name)){
      //如果用户输入的内容,开头或结尾带有空格,则将空格去掉,重新赋给文本框的value属性
      user_name = RegExp.$1;
    }else{
      //如果用户只输入了空格,则将空格清空
     user_name= ""; 
 alert("你怎么可以用全部空格做用户名呢!!");
 user_name.focus;
    } 

}

//检查Email

function checkEmail(){
var Email=document.getElementById("email").value;
var i=Email.indexOf("@",0);
if(i==-1)
{
alert("不是一个合法的邮箱哦！");
}
else
{
if(Email.indexOf(".",i)==-1)
{
alert("你的邮箱怎么还不合法呢？");
}
}

}

//检查Age

function checkAge(){
var userAge=document.getElementById("age").value;
if(!((userAge<=150) && (userAge>=10)))
{
alert("你要么小学没毕业，要么就是想当我太太太太太太太太爷！");
}

}

//控制层的显示

function login(){
if(document.getElementById("sDiv").style.display=="none"){
document.getElementById("firstDiv").style.display="none";
document.getElementById("btn1").style.display="none";
document.getElementById("sDiv").style.display="";
}else{
document.getElementById("firstDiv").style.display="none";
document.getElementById("btn1").style.display="none";
document.getElementById("sDiv").style.display="";
}
}
function resetInfo(){


}

//点击选择框的次数来给隐藏域赋值
function like1(){
var tmpNum=document.getElementById("choose2").value;
tmpNum=(tmpNum-(-1));
document.getElementById("choose2").value=tmpNum;
alert(document.getElementById("choose2").value);
}


function like2(){
var tmpNum=document.getElementById("choose3").value;
tmpNum=(tmpNum-(-1));
document.getElementById("choose3").value=tmpNum;
alert(document.getElementById("choose3").value);


}
function like3(){
var tmpNum=document.getElementById("choose4").value;
tmpNum=(tmpNum-(-1));
document.getElementById("choose4").value=tmpNum;
alert(document.getElementById("choose4").value);

}

//取到隐藏域的长度来改变图形的长度

function calimg(){
var a=document.getElementById("choose2").value;
var b=document.getElementById("choose3").value;
var c=document.getElementById("choose4").value;
var total=a-(-b)-(-c);
document.getElementById("imgLike1").style.width=(200*a/total)+"px";
document.getElementById("imgLike2").style.width=(200*b/total)+"px";
document.getElementById("imgLike3").style.width=(200*c/total)+"px";
}