javascript前台校验表单

表单代码为：

	<form action="/servlet/RegistServlet" method="POST"  οnsubmit="return checkData()">
		<table border="0px" align="center" >
			<tr>
				<td>用户名：</td>
				<td><input type="text" name="username"></td>
				<td id="username_msg"></td>
			</tr>		
			<tr>
				<td>密码：</td>
				<td><input type="password" name="password"></td>
				<td id="password_msg"></td>
			</tr>		
			<tr>
				<td>确认密码：</td>
				<td><input type="password" name="password2"></td>
				<td id="password2_msg"></td>
			</tr>		
			<tr>
				<td>昵称：</td>
				<td><input type="text" name="nickname"></td>
				<td id="nickname_msg"></td>
			</tr>
			<tr>
				<td>邮箱：</td>
				<td><input type="text" name="email"></td>
				<td id="email_msg"></td>
			</tr>		
			<tr>
				<td>验证码：</td>
				<td><input type="text" name="valistr"></td>
				<td id="valistr_msg"></td>
			</tr>		
			<tr>
				<td><input type="submit" value="注册"></td>
				<td><img src="/servlet/ValiImgServlet" style="cursor: pointer" οnclick=changeImg(this)></td>
			</tr>		
		
		</table>
	
	</form>

javascript代码为：

  	<script type="text/javascript">
  		//点击刷新验证码
		function changeImg(img){
			img.src="/servlet/ValiImgServlet?time="+new Date().getTime();
		}  	
		
		function checkData(){
			//数据非空校验
			var flag=true;
			flag=checkNull("username","用户名")&&flag;
			flag=checkNull("password","密码")&&flag;
			flag=checkNull("password2","确认密码")&&flag;
			flag=checkNull("nickname","昵称")&&flag;
			flag=checkNull("valistr","验证码")&&flag;
			flag=checkNull("email","邮箱")&&flag;
			
			//两次密码校验
			flag=checkPassword()&&flag;
			
			//邮箱格式校验
			flag=checkEmail()&&flag;
			return flag;
		}
		//校验非空
		function checkNull(name,msg){
			var value=document.getElementsByName(name)[0].value;
			document.getElementById(name+"_msg").innerHTML="";
			if(value==null||value==""||value.match(/\s/)){
				document.getElementById(name+"_msg").innerHTML="<font color='red'>"+msg+"不能为空！</font>";
				return false;
			}
			return true;
		}
		//校验两次密码是否一致
		function checkPassword(){
			var pass1=document.getElementsByName("password")[0].value;
			var pass2=document.getElementsByName("password2")[0].value;
			
			if(pass1!=pass2){
				document.getElementById("password2_msg").innerHTML="<font color='red'>两次密码不一致！</font>";
				return false;			
			}
			return true;
		}
  		//校验邮箱格式是否正确
  		function checkEmail(){
  			var email=document.getElementsByName("email")[0].value;
  			if(email.match(/\w+@\w+(\.\w+)+/)){
  				return true;
  			}else{
  				document.getElementById("email_msg").innerHTML="<font color='red'>邮箱格式不正确！！</font>";
  				return false;
  			}
  		}
  	
  	</script>