JS简单实现登陆验证附效果图

源代码：复制代码代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML；字符集=GB 2312 '元名称='作者'内容='刘江波脚本类型='text/javascript '函数登录(){ var userName=document。getelementbyid(' userName ').价值；var pwd=文档。getelementbyid(' pwd ').价值；var repwd=文档。getelementbyid(' repwd ').价值；var地址=文档。getelementbyid(' address ').价值；var match result=true if(userName==' ' | | pwd==' ' | | repwd==' ' | | address==' '){ alert('请确认是否有空缺项！');matchResult=false} else if(用户名。长度6 | |用户名。长度20){ alert('用户名长度应在6到20个字符之间！');match result=false } else if(userName==pwd | | userName==repwd){ alert('密码或重复密码不能和用户名相同！');matchResult=false} else if(pwd。长度6 | | pwd。长度20 | | repwd。长度6 | | repwd。长度20){ alert('密码或重复密码长度应在6到20个字符之间！');matchResult=false}else if(pwd！=repwd){ alert('密码和重复密码不同，请重新输入！');matchResult=false} else if(用户名。长度6 | |用户名。长度20){ alert('用户名长度应在6到20个字符之间！');match result=false } if(match result==true){ var mail reg=/^\[emailprotected]\w(\。\ w)$/；if(！address.match(mailreg)){ alert('邮箱格式不正确');matchResult=false} } if(匹配结果==true){ if(用户名。charat(0)=0用户名。charat(0)=9){ alert('用户名不能以数字字符开始！');matchResult=false} }返回matchResult}/脚本标题用户注册及验证/标题/头部身体中心表单名称=' loginForm ' action=' http://www .ytu。edu。submit上的=' return log in()'方法=' post ' table bgcolor=' # 6666 ff ' width=' 300 '单元格间距=' 0 '单元格填充=' 0 '边框=' 0 ' align=' left ' valgn=' top ' tr TD class=' table-title ' colspan=' 2 ' align=' center ' bgcolor=' # ' 3366 ff '用户注册/TD/tr/tr宽度='130 '高度='28 '对齐='左侧'登录用户名/TD TD TD输入id=' userName ' name=' userName ' type=' text ' class=' input '/TD/tr TD宽度=' 80 '高度=' 28 ' align=' left '登录密码/TD TD TD输入id=' pwd ' name=' pwd ' type=' password ' class=' input '/TD/tr tr TD宽度=' 80 '高度=' 28 ' align=' left '重复输入密码/TD TD TD输入id=' repwd ' name=' repwd ' type=' password ' class=' input '/TD/tr TD宽度=' 80 '高度=' 28 ' align=' left '有效邮箱地址/TD TD TD输入id=' address '名称=' address '类型=' text ' class=' input '/TD/tr！ -TD宽度=' 10 '高度=' 28 ' align=' left '/TD-TD colspan=' 2 '输入类型='submit '值='登录输入类型='按钮'值='取消onClick=' reset()'/TD/tr/table/form/center/body/html效果实现