2、onsubmit 事件验证是点击提交之后在js本页面验证，验证通过才会提交到action中，如果要想判断用户名是否已注册，则不能通过这种方法了，因为在本页面是无法判断你的用户名是否已经在数据库中的，要做账号是否注册的验证有两种方法、
第一种是在输入用户名后，用户名输入框失去焦点时，使用ajax将用户名传递到后台的验证方法中进行验证，然后根据返回结果，进行提示比如alert（），或者在用户名输入框后 显示文字用户已注册之类，并且提交验证中不允许提交、
第二种是将form提交到action中判断，不能注册就返回本页面在进行提示
js想验证验证码是否输入正确,这个就只能先把验证码搞到页面DOM对象(或cookie)存起了,但是这样存起了,又会出现验证图片无用的问题所以,现在都是ajax来处理这些了
<body><form method="post" name="form1" action="" onSubmit="return check()">
<p><span class="style2">用户名</span>：
<input height="24px"type="text" name="UserName" id="UserName">
</p>
<p class="style2">性别：
<input name="gender" type="radio" value="radiobutton" checked>
男
<input name="gender" type="radio" value="radiobutton">
女 </p>
<p><span class="style2">密码： </span>
<input height="24px" name="paswd" type="text" id="paswd"></p>
<p><span class="style2">确认密码</span>：
<input height="24px" type="text" name="repaswd" id="repaswd"></p>
<p><span class="style2">学<span class="style2">历： </span></span>
<span class="style2">
<select name="education">
<option>本科以上</option>
<option>大学本科</option>
<option>大专</option>
<option>中专</option>
<option>高中</option>
<option>初中</option>
</select>
</span></p>
<p><span class="style2">电子邮件</span>：<input height="24px" type="text" name="email" id="eml"></p>
<p><span class="style2">我的爱好</span>：<select name="education">
<option>唱歌</option>
<option>跳舞</option>
<option>散步</option>
<option>武术</option>
<option>书法</option>
<option>绘画</option>
</select></p>
<p><span class="style2">喜欢的歌曲</span>：
<input height="24px" name="gequ" type="text" id="gequ" onclick="javascript:alert('当密码被盗或丢失时找回密码')return false"></p>
<p><span class="style2">我的职业</span>：
<input height="24px" name="zhiye" type="text" id="zhiye" onclick="javascript:alert('当密码被盗或丢失时找回密码')return false"></p>
<p></p>
<p align="left">
<input name="submit2" type="submit" onClick="vbscript:ChkRegirst()" value="提交">
<input type="reset" name="submit" value="重置"></p>
</form>
</body>
<script type="text/javascript">
function check()
{
var name= document.getElementById('UserName').value
var paswd = document.getElementById('paswd').value
var repaswd = document.getElementById('repaswd').value
var len = paswd.length
/*var preg = /\w{6,7,8,9,10,11,12,13,14,15}/
var f= paswd.match(preg)
alert(f)return false*/
var email = document.getElementById('eml').value
var reg = /^\w+@\w+.\w+$/
var flag = email.match(reg)
if (name == '')
{
alert('用户名不能为空')
return false
}
if (paswd == '')
{
alert('密码不能为空')
return false
}
if (len<6 || len>16)
{
alert('密码必须在6-16个字符之间')
return false
}
if (paswd != repaswd)
{
alert('两次输入的密码不一致')
return false
}
if (flag == null)
{
alert('邮箱格式不正确')
return false
}
}
</script>
