onclick 和 onblur 都没用 不知道哪里写错了
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册页面</title>
</head>
<body>
<div align="center"> 注册页面</div>
<table align="center" style='border: 1px black solid'>
<tr><td align="center"><h1>账号<input type="text" class="text" id="userName" onclick="checkU()"/></h1></td></tr>
<tr><td id = "reUser" style="color: red;font-size: 10px;"></td></tr>
<tr><td align="center"><h1>密码<input type="text"class="text" id="password" onclick="checkP()"/></h1></td></tr>
<tr><td id="rePwd" style="color: red;font-size: 10px" ></td></tr>
<tr><td align="center">邮箱地址<input type="text" class="text" id="email" onclick="checkEmail(document.getElementById('email').value)"></td></tr>
<tr><td align="center"><input type="submit" value="注册" ></td></tr>
</table>
<script type="text/javascript">
function checkU() {
var u = document.getElementById("userName");
var reU = document.getElementById("reUser");
if(u.value.length<2 || u.value.length>12){
u.focus();
reU.innerHTML = "用户名长度在2-12字符之间";
}
else {
reU.innerHTML = "";
}
}
function checkP(){
var p = document.getElementById("password");
var rePwd = document.getElementById("rePwd");
var reg = /^\w{6,18}$/;
if(!reg.test(p.value)){
p.focus();
rePwd.innerHTML = "密码由6-18位的数字、字母、下划线组成";
}
}
else {
rePwd.innerHTML = "";
}
function checkEmail(str){
var re = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
if (re.test(str)) {
alert("ok");
} else {
alert("邮箱地址不能为空");
}
}
</script>
</html>
