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

PHP javascript表单验证未通过而表单依然提交
如题,我的情况是不输入任何数据,点击提交注册,会弹出“请输入用户名”这样的提示,点击确定后 就转到另一个页面,并只显示一句话:Column 'UserName' cannot be null。
下面是代码:
HTML code
<?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>