JSP javascript脚本 邮箱、密码、用户名验证
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<html>
<head>
<link rel="stylesheet" type="text/css" href="shiyan
2.css" />
<script language="javascript" src="shiyan
2.js">
</script>
<title>用户注册页面</title>
</head>
<body> <form action="shiyan
22.html" name="z">
<table>
<tr><td>用户名:
</td>
<th><inputtype="text"
onfocus="a2()"></th>
<th id="message"></th>value=""name="name1"onblur="a1()"</tr><tr><td>密码:
</td>
<th><inputtype="password"value=""name="name2"onblur="a3()"onfocus="a4() "></th>
<th id="message1"></th>
<td>确认密码:
</td>
<th><inputtype="password"value=""name="name3"onblur="a5()"onFocus="a6( )"></th>
<th id="message2"></th>
</tr><tr><td>Email:
</td>
<th><inputtype="text"value=""name="name4"onblur="a7()"onFocus="a8()"></t h>
<th id="message3"></th>
</tr><tr>
<td colspan="2"><hr /></td>
</tr><tr><td>性别:
</td>
<th><inputtype="radio"name="dan"value="radiobuttion">男<inputtype="radio" name="dan" value="radiobuttion">女</th>
</tr><tr>
<td>所属省份:
</td>
<th><select name="select"><option selected="selected">请选择
</option><option>上海</option><option>北京</option><option>苏
</option></select></th>
<td><input type="submit" value="提交" name="提交"></td>
<th><input type="reset" value="取消" name="取消"></th>
</tr>
</table>
</form>
</body>
</html>州// JavaScript
var q=0;
function a1()
{x=
1.value;
if(x.length<6||x.length>10)
document.getElementById("message").innerHTML="<fontcolor=redalign=left>*请输入正确的用户名！</font>";
else
{document.getElementById("message").innerHTML="<font
color=green>√</font>";q=1；}}function a2()
{if(q==0)document.getElementById("message").innerHTML="<font color=red>*请输入6到10为用户名！</font>";}var y;
function a3()
{y=
if(y.length<6||y.length>20)
document.getElementById("message1").innerHTML="<fontcolor=red>*您输入的密码不符合规则！</font>";
else
{document.getElementById("message1").innerHTML="<font
color=green>√</font>";q=2;}}
function a4()
{if(q!=2)
document.getElementById("message1").innerHTML="<font color=red>*请输入6至20位密码</font>";}function a5()
{yy=
3.value;
if(yy!=y)
document.getElementById("message2").innerHTML="<fontcolor=red>ⅹ两次输入的密码不一样！</font>";
else
{document.getElementById("message2").innerHTML="<font
color=green>√</font>";q=3;}}
function a6()
{if(q!=3)
document.getElementById("message2").innerHTML="<fontcolor=red>*请在此输入密
码</font>";}function a7()
{var email =
4.value;
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
chkFlag = pattern.test(email);
if(chkFlag){document.getElementById("message3").innerHTML="<font
color=green>√</font>";}
else{document.getElementById("message3").innerHTML="<fontcolor=red>邮箱格式不正确。
正确的例如abc@
document.getElementById("message3").innerHTML="<fontcolor=red>*请在此输入邮箱地址</font>";}/* CSS */
body{ text-align:
center;}
table{ text-align:
righ; border-bottom-width:
thin}
/*font{ color:
#FF00; font-size:
small}*/
th{ text-align:
left}
hr{color:
#00FF00}]。