我的思路就是想在这个页面中,即验证email字段,又验证hobbies复选框(至少选择一个),如果写了email而不选hobbies,点提交就弹出(至少选择一个)
<%@page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>eletter-register</title>
<link href="${pageContext.request.contextPath}/style/style.css" rel="stylesheet" type="text/css"/>
<script>
function correctPNG() 
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText 
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle 
var strNewHTML = "<span "+ imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src='" + img.src + "', sizingMethod='scale');\"></span>" 
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG); 
</script>
<style type="text/css">
<!--
.STYLE1 {
color: #FF9900
}
-->
</style> <script language="Javascript">   
       <!-- start hiding   
     function verifyAddress(obj)   
     {   
       var email = obj.email.value;   
      var pattern=/^([a-zA-Z0-9_-][\w-_\.]*[a-zA-Z0-9])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;   
        flag = pattern.test(email);   
         if(flag)   
       {   
         //alert("邮件格式正确!");   
        return true;   
         }   
        else   
          {   
           alert("请您输入正确的邮件格式!");   
         return false;   
         }   
        }   
       // stop hiding -->   
     </script><script language="javascript">
function checkvalidate()
{
var hobbies1 = document.getElementById("hobbies1"); 
var hobbies2 = document.getElementById("hobbies2");
var hobbies3 = document.getElementById("hobbies3");
var hobbies4 = document.getElementById("hobbies4");
var hobbies5 = document.getElementById("hobbies5");
var hobbies6 = document.getElementById("hobbies6");
var hobbies7 = document.getElementById("hobbies7");
var hobbies8 = document.getElementById("hobbies8");
var hobbies9 = document.getElementById("hobbies9");
var hobbies10 = document.getElementById("hobbies10");
var hobbies11 = document.getElementById("hobbies11");
if(hobbies1==false&&hobbies2==false&&hobbies3==false&&hobbies4==false&&hobbies5==false&&hobbies6==false&&hobbies7==false&&hobbies8==false&&hobbies9==false&&hobbies10==false&&hobbies11==false)
{
alert("Must choose one items among them");
}
return true;
}
</script>
</head>
<body>
<div id="title">
<div id="out_01">
<a href="http://www.120999.cn"><img src="../images/logo.png" border=0/></a>
</div>
<form id="register" name="register" method="post"
action="${pageContext.request.contextPath}/user/register.do"
onSubmit="return verifyAddress(this);">
<%
String email = request.getParameter("email");
 %>
<div id="out_02"> <div class="out_03">
<div class="out_04">
<img src="images/photo_5.jpg" />
</div>
<div class="out_05">
您的订阅邮箱是:
</div>
<div class="out_06">
<input name="email" type="text" maxlength="40" value="<%= email==null?"":email %>" />
</div>
<div class="out_07" style="display:none">
<img src="images/photo_6.jpg" />
</div>
</div>
<div class="out_08">
<div class="out_09">
选择您希望订阅的健康资讯:
<!-- <span class="STYLE1">查看示例</span>  -->
</div>
<div class="out_10">
<table><tr>
<td><input id="hobbies1" name="hobbies" title="女人健康中心" type="checkbox" value="1"/>女人健康中心</td>
<td><input id="hobbies2" name="hobbies" type="checkbox" value="2"/>男人健康中心</td>
<td><input id="hobbies3" name="hobbies" type="checkbox" value="3"/>儿童健康中心</td>
<td><input id="hobbies4" name="hobbies" type="checkbox" value="4" />心理健康中心</td>
</tr><tr>
<td><input id="hobbies5" name="hobbies" type="checkbox" value="5"/>素食与减肥健康中心</td>
<td><input id="hobbies6" name="hobbies" type="checkbox" value="6"/>健身健康中心</td>
<td><input id="hobbies7" name="hobbies" type="checkbox" value="7"/>饮食健康中心</td>
<td><input id="hobbies8" name="hobbies" type="checkbox" value="8"/>育儿健康中心</td>
</tr><tr>
<td><input id="hobbies9" name="hobbies" type="checkbox" value="9"/>妊娠健康中心</td>
<td><input id="hobbies10" name="hobbies" type="checkbox" value="10"/>两性健康中心</td>
<td><input id="hobbies11" name="hobbies" type="checkbox" value="11"/>美容健康中心</td>
<td></td>
</tr>
</table>
</div>


</div>
<div class="out_12">
<div class="out_11">
<input type="image" src="images/photo_7.jpg" />
<span style="margin-left: 10px;"><a href="javascript:window.close();"><input type="image"
src="images/photo_8.jpg"></a>
</div>

<div class="out_13" style="display:none">
<img src="images/photo_9.jpg" />
</div>
<div class="out_14" style="display:none">
恭喜您!您已订阅成功,请检查 [email protected]邮箱
</div>
<div class="out_15" style="display:none">
<img src="images/photo_10.jpg" />
</div>
<div class="out_16" style="display:none">
对不起,订阅发生错误,原因: ……
</div>
</div></form>
<div class="out_17">
健康频道 - 关于我们 - 网站登录 - 客服中心 - 设置首页- 广告服务 - 联系方式 - 保护隐私权 - 我的博客 - 公司介绍
<br />
Copyright © 2007 120999.cn All rights reserved.
</div>
</div>
</body>
</html>