<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<script type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(function() {
$("#email").blur(function() {
if (document.getElementById("semail").innerHTML == "邮箱格式正确") {
$("#cmfBtn").removeAttr("disabled");
}
});
$("#cmfBtn").click(function() {
$("#regSlv").submit();
});
});
function checkEmail() {
var email = document.getElementById("email").value;
var testEmail = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/;
if (!testEmail.test(email)) {
document.getElementById("semail").innerHTML = "邮箱格式不正确";
} else {
document.getElementById("semail").innerHTML = "邮箱格式正确";
}
}
</script>
</head>
<body>
<form action="regSlvt" method="post" id="regSlv">
email:
<input type="text" name="name1" id="email" οnblur="checkEmail()">
<span id="semail"></span><br/>
<input type="button" value="提交" disabled="disabled" id="cmfBtn">
</form>
<br>
</body>
</html>