PHP javascript表单验证未通过而表单依然提交

如题，我的情况是不输入任何数据，点击提交注册，会弹出“请输入用户名”这样的提示，点击确定后 就转到另一个页面，并只显示一句话：Column 'UserName' cannot be null。
下面是代码：<?php require_once('Connections/conetion.php'); ?>
<?php
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  $theValue = (!get_magic_quotes_gpc()) ? addslashes($theValue) : $theValue;  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
  $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
  $insertSQL = sprintf("INSERT INTO member (UserName, Password, Email) VALUES (%s, %s, %s)",
                       GetSQLValueString($_POST['UserName'], "text"),
                       GetSQLValueString($_POST['Password'], "text"),
                       GetSQLValueString($_POST['Email'], "text"));  mysql_select_db($database_conetion, $conetion);
  $Result1 = mysql_query($insertSQL, $conetion) or die(mysql_error());  $insertGoTo = "index.php";
  if (isset($_SERVER['QUERY_STRING'])) {
    $insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
    $insertGoTo .= $_SERVER['QUERY_STRING'];
  }
  header(sprintf("Location: %s", $insertGoTo));
}
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="CSS/Web.css"></head><body style="padding:0 2.5%;"><div  class="header"></div><!--头部--><div class="center"><!--导航-->
<div class="left"></div>
<div style="height:35px; line-height:35px; float:left;"><a href="/">论坛</a></div>
<div class="right"></div>
</div><div class="regist">
<h3>注册</h3>
</div><div id="xsnazzy"><!--圆角边框-->
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<div><h4>请填写以下必填信息完成注册</h4></div>
<div style="padding-left:20%; color:#FF0000;">带*的都是必填项目，若填写不全将无法注册</div>

<form action="<?php echo $editFormAction; ?>" method="POST" name="form1">
<div style="text-align:center;">
<table  class="registTable" width="800">
<tr>
<td width="98">用户名*</td>
  <td width="182"><input type="text" name="UserName" style="height:15px; width:110px;"/></td>
<td width="504">不能有空格，可以是中文，长度控制在 3-15 字节以内 </td>
</tr>
<tr>
<td>密  码*</td>
<td><input type="text" name="Password" id="Password" style="height:15px; width:110px;"/></td>
<td>最小长度:3 最大长度:16 </td>
</tr>
<tr>
<td></td>
<td><hr style="height:5px; background-color:#E5E9EB; width:115px;" /></td>
<td></td>
</tr>
<tr>
<td>确认密码*</td>
<td><input type="text" name="checkPassword" id="checkPassword" style="height:15px; width:110px;"/></td>
<td>请再输入一遍您上面填写的密码 </td> 
</tr>
<tr>
<td>Email*</td>
<td><input type="text" name="Email" style="height:15px; width:110px;"/></td>
<td>请填写真实并且最常用的邮箱</td>
</tr>
<tr>
<td></td>
<td>&nbsp;</td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="提交注册" class="btn"   onclick="checkForm()" />
<script type="text/javascript">
function checkForm(){
var p1=document.form1.Password.value;
var p2=document.form1.checkPassword.value;
if(document.form1.UserName.value==''){
alert('请输入用户名'); 
document.form1.UserName.focus();
return false;
}
else if(p1==''){
alert('请输入密码!');
document.form1.Password.focus();
return false;
}
else if(p1!=p2){
alert('确认密码不正确');
document.form1.checkPassword.focus();
return false;  
}
return true;
}
</script>
<input type="reset" value="重置" class="bt" />
</td>
<td></td>
</tr>
</table>
</div>
    
    
    <input type="hidden" name="MM_insert" value="form1">
  </form>

</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div><div style="height: 4px; font: 0; line-height: 4px;"></div><div class="foot">清除Cookies　联系我们 　无图版 　手机浏览 　返回顶部 </div>
<div  style=" text-align:center;">
  <p>Time now is:06-21 21:28, Gzip enabled 浙B2-20070029<br />
    Powered by phpwind v7.5 SP3 Certificate Code @2003-2010 phpwind.com Corporation </p>
  <p></p>
</div></body>
</html>