请大佬看一下为什么JS代码不能验证我的表单信息？
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册</title>
<script type="text/javascript">
function check()
{
var name = document.getElementById("name").value;
var gender = document.getElementById("gender").value;
var password = document.getElementById("password").value;
var passwordSure = document.getElementById("pwds").value;
alert("1");
if(name=="")//检测姓名是否为空
{
alert("姓名不能为空");
document.getElementById("name").focus();
return false;
}
if(gender=="")//检测性别是否为空
{
alert("性别不能为空");
document.getElementById("gener").focus();
return false;
}
if(password==""||passwordSure=="")//检测密码是否为空
{
alert("密码和密码确认不能为空");
document.getElementById("password").focus();
return false;
}
if(passwordSure!=password)//检测密码和重新输入的密码是否一致
{
alert("两次输入的密码不一致");
document.getElementById("pwds").focus();
document.getElementById("pwds").select();
return false;
}
return true;
}
</script>
</head>
<body>
<center>
<h2>教师注册</h2>
<form action="task_5_0.html" method="post" name="info" onsubmit="return check()" target="_blank"><!-- form创建表单，method提交方式 HTTP-->
<table><!-- 创建表格 -->
<tr><td>用户名：</td><td><input type="text" name="name"></td></tr>
<tr><td>密码：</td><td><input type="password" name="password"></td></tr>
<tr><td>确认密码：</td><td><input type="password" name="pws"></td></tr>
<tr><td>性别：</td><td><input type="text" name="gender"></td></tr>
</table>
<table><!-- 设置登录按钮位置大小 -->
<tr><td><input style="margin-top:20px;width:60px" type="submit" value="注册" /></td></tr>
</table>
</form>
</center>
</body>
</html>
