急求大神帮看一个表单。初学入门的！

要求是：

姓名必须小于等于10个字符，第一个字符只能为字母或者下划线
  密码必须在6位到8位之间
  性格至少选择一项
  所有的内容不能为空
  邮箱必须为合法地址（表单里面增加一个email文本框）
5555我不会，希望大家帮帮让我学习学习

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

是一张HTML网页，谢谢了。。
<html>
<head>
<meta http-equiv="Content-Language" content="gb2312">
<title>用户注册</title>
<style type="text/css">
td{
color:#00000;
}
input{
border:1px solid #666;
height:18px;
}
.regtr{
background:#E4D5CE;
}
.regTleft{
text-align:right;
}
.retMenu{
background:#CB7D58;
}
</style>
<script language="javascript" type="text/javascript">
function showadv()
{
if (document.form1.advshow.checked==true)
{
    document.getElementById("adv").style.display="";
}
else
{
    document.getElementById("adv").style.display="none";
}
}
var imgok ="<img src='img/ok.gif' align='absmiddle' hspace='2'>"
var imgwrong="<img src='img/wrong.gif' align='absmiddle' hspace='2'>"
function checkusername()
{var username = document.form1.username.value;
var ts = document.getElementById("namets");if(username.length < 2 || username.length >30)
{
    ts.innerHTML =" " + imgwrong + "用户名长度不能少于1个字或大于15个字";
    ts.style.color="#000000";
    parent.document.form1.regsubmit.disabled=true;
}
else
{
    ts.innerHTML =" " +imgok + "用户名可以使用!";
    parent.document.form1.regsubmit.disabled=false;
}}
function checkmima()
{var mima = document.form1.mima.value;
var ts = document.getElementById("mimats");if(mima.length < 6 )
{
    ts.innerHTML =" " + imgwrong + "密码不能小于6位";
    ts.style.color="#000000";
    parent.document.form1.regsubmit.disabled=true;
}
else
{
    ts.innerHTML =" " +imgok + "密码可以使用!";
    parent.document.form1.regsubmit.disabled=false;
}}
function checkyzmm()
{
var mima = document.form1.mima.value
var mima1 = document.form1.yzmm.value;
var ts = document.getElementById("yzts");if(mima != mima1)
{
    ts.innerHTML =" " + imgwrong + "两次密码不一致!";
    ts.style.color="#000000";
    parent.document.form1.regsubmit.disabled=true;
}
else if(mima1.length < 6)
{
    ts.innerHTML =" " + imgwrong + "密码不能为空!";
    ts.style.color="#000000";
    parent.document.form1.regsubmit.disabled=true;
}
else
{
    ts.innerHTML =" " +imgok + "密码验证通过!";
    parent.document.form1.regsubmit.disabled=false;
}}
function checkmail()
{
var mail = document.form1.youjian.value
var ts = document.getElementById("youjiants");illegalemail = !(/^[\w\-\_\.u4e00-\u9fa5]+@[\w\-\_u4e00-\u9fa5]+(\.[\w\-\_u4e00-\u9fa5]+)+$/.test(mail));
if(illegalemail)
{
    ts.innerHTML =" " + imgwrong + "邮件格式不对!";
    ts.style.color="#000000";
    parent.document.form1.regsubmit.disabled=true;
}
else
{
    ts.innerHTML =" " +imgok + "您的邮件可以使用!";
    parent.document.form1.regsubmit.disabled=false;
}}
</script>
</head>
<body>
<form action="" method="post" name="form1"><table width="1004" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#ffffff" class="top">
<tr class="retMenu">
<td colspan="2">
    注册 -- 必填内容
</td>
</tr>
<tr class="regtr1">
<td class="regTleft" width="30%">
    用户名：
</td>
<td width="70%"><input type="text" name="username" onBlur="checkusername();"><span id="namets"> 用户名可以包括汉字，数字，字母，下划线</span>
</td>
</tr><tr class="regtr">
<td class="regTleft">
    密码：
</td>
<td>
    <input type="password" size="21" name="mima" onBlur="checkmima()"><span id="mimats"> 密码可以包括数字，字母，下划线</span>
</td>
</tr>
<tr class="regtr1">
<td class="regTleft">
    确认密码：
</td>
<td>
    <input type="password" size="21" name="yzmm" onBlur="checkyzmm()"><span id="yzts"> 重复输入你的密码</span>
</td>
</tr>
<tr class="regtr">
<td class="regTleft">
    Email：
</td>
<td>
    <input type="text" name="youjian" onBlur="checkmail()"><span id="youjiants"> 请正确输入的你的Email</span>
</td>
</tr>
<tr class="regtr1">
<td class="regTleft">
    高级选项：
</td>
<td>
    <input type="checkbox" name="advshow" onclick="showadv()">显示高级用户设置选项
</td>
</tr>
</table>
<div id="adv" style="display:none;">
<table width="1004" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#ffffff" class="top">
<tr class="retMenu">
<td colspan="2">
    注册 -- 选填内容
</td>
</tr>
<tr class="regtr1" width="30%">
<td class="regTleft">
    安全提问：
</td>
<td width="70%">
    <input type="text" name="wen">
</td>
</tr>
<tr class="regtr">
<td class="regTleft">
    回答：
</td>
<td>
    <input type="text" name="huida">
</td>
</tr>
<tr class="regtr1">
<td class="regTleft">
    性别：
</td>
<td>
    <input type="radio" value="1" name="xingbie">男
    <input type="radio" value="2" name="xingbie">女
    <input type="radio" value="0" name="xingbie" checked>保密
</td>
</tr>
<tr class="regtr">
<td class="regTleft">
    地址：
</td>
<td>
    <input type="text" name="laizi">
</td>
</tr>
<tr class="regtr1">
<td class="regTleft">
    签名：
</td>
<td>
    <textarea cols="30" rows="7"></textarea>
</td>
</tr>
</tr>
</table>
</div>
<table width="1004" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" class="top">
<tr class="regtr">
<td width="30%">
</td>
<td width="70%">
    <input type="submit" name="regsubmit" value=" 提交 ">
</td>
</tr>
</table>
</form></body>
</html>
分不少，我倒是很想帮你，可是你问题都没说清楚。
莫非要别人做过html页面给你，但是不知道用什么样式呀
莫非要别人做过html页面给你，、
恩，看看么，2楼的我try了，看来要修改不少啊。我是菜鸟。。
<script>
function check(){
var f = document.forms[0];
var n, re;
re = /^[a-z_][^\s]{0,9}$/i;
if(!re.test(f.username.value)){
  alert("姓名必须小于等于10个字符，第一个字符只能为字母或者下划线");
  f.username.focus();
  return false;
}
re = /^[^\s]{6,8}$/
if(!re.test(f.password.value)){
  alert("密码必须在6位到8位之间");
  f.password.focus();
  return false;
}
re = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
if(!re.test(f.email.value)){
  alert("邮箱必须为合法地址");
  f.email.focus();
  return false;
}
var a = f.psn;
var b = false;
for(var i=0;i<a.length;i++){
   if(a[i].checked) {b=true;break;}
}
if(!b){
  alert("性格至少选择一项");
  return false;
}
alert("正确");
return true;
}
</script><form>
姓名  <input type="text" name="username" >
密码  <input type="password" name="password" >
邮箱  <input type="text" name="email" >
性格  <input type="checkbox" name="psn" value="1">1
<input type="checkbox" name="psn" value="2">2
<input type="checkbox" name="psn" value="3">3
<input type="checkbox" name="psn" value="4">4
<input type="checkbox" name="psn" value="5">5
<input type="button" value="递交" onclick="check()">
</form>