HTML+正则表达式登陆验证
<%@ page language="java" pageEncoding="gbk" %>
<% session.setAttribute("message","账号或密码错误!"); %>
<html>
<head>
<script language="javascript">
function checkLogin(){
//内容不能为空,并且不能有特殊字符(下划线除外)
if(dropmenu03.style.visibility=="hidden"){
dropmenu03.filters.revealTrans.apply(); // 应用效果
dropmenu03.style.visibility="visible" ; // 显示图层
dropmenu03.filters.revealTrans.play();
}else if(dropmenu03.style.visibility="visible"){
dropmenu03.filters.revealTrans.apply();
dropmenu03.style.visibility="hidden" ;
dropmenu03.filters.revealTrans.play();
}
var checkString=/^[0-9a-zA-Z_]+$/;
if(checkString.test(document.myform.txtName.value)&&checkString.test(document.myform.txtPwd.value)){
document.myform.onsubmit;
return;
}
}
</script>
<style type="text/css">
#dropmenu03{
filter:revealTrans(Duration=0.5,Transition=12);
visibility:hide;
height: 19px;
}
</style>
</head>
<body bgcolor="#FFFFCC">
<form method="post" name="myform">
<TABLE width="280" bordercolordark="#00CCFF" bordercolorlight="#00CCFF" border="5">
<tr>
<td width="86">账号:</td>
<td width="198"><input type="text" name="txtName"><br>
<div id="dropmenu03" style="position:absolute;background-color:#00CCFF;width:130px;visibility:hidden;"><%=(String)session.getAttribute("message")%></div></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="txtPwd"></td>
</tr>
<tr>
<td colspan="2" align="center"><a href="#">注册新用户</a> <a href="#">找回密码</a></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" name="btnOK" value="提交" onClick="checkLogin()">
<input type="reset" name="Submit" value="重置"></td>
</tr>
</table>
</form>
</body>
</html>