<head><script type="text/javascript" src="<%=request.getContextPath()%>/js/checkmail.js" ></script></head>
<form name="form1" action="<%=request.getContextPath()%>/servlet/UserMailServlet" method="POST" onsubmit="return checkmail()">
   <table >
    <tr>
    <td style="font-size: 14px;line-height: 20px;color: #111;font-weight: bold;">高级选项<br /></td>
    <td><input type="radio" name="sel" onclick="check_sel(this)"></td>
    <td style="font-size: 12px;line-height: 20px;color: #666;">可填写您的完整的信息(收货信息以及发票信息)</td>
    </tr>
    </table>
   <div id="sel_id" style="display:none;">
   <div class="youxiang"><span>邮件地址:</span><input name="mail" id="mail" type="text" /></div>
<div class="youxiang1">输入您的邮箱地址,可免费获得鼎工最新一期的鼎工机械之友电子杂志和鼎工最新的机械设备促销信息</div>
<div id="center_zhuce_yfm3">
<div class="youxiang2"><span>验证码:</span> <input name="number" type="text"/><img border=0 src="../verifycode.jsp"> </a></div> <div class="youxiang4"> <img src="../source/verifycode.jsp"onclick="this.src='../source/verifycode.jsp'" width="108" height="46" /></div>
<div class="youxiang3">请输入右侧字符,如果看不清楚,请点击图片来换个图片。</div>
</div>
</div>
<table >
    <tr>
    <td style="font-size: 14px;line-height: 20px;color: #111;font-weight: bold;">高级选项1<br /></td>
    <td><input type="radio" name="sel" onclick="check_sel1(this)"></td>
    <td style="font-size: 12px;line-height: 20px;color: #666;">可填写您的完整的信息(收货信息以及发票信息)</td>
    </tr>
    </table>
    <div id="sel_id1" style="display:none;">
   <div class="youxiang"><span>邮件地址:</span><input name="mail" id="mail" type="text" /></div>
<div class="youxiang1">输入您的邮箱地址,可免费获得鼎工最新一期的鼎工机械之友电子杂志和鼎工最新的机械设备促销信息</div>
<div id="center_zhuce_yfm3">
<div class="youxiang2"><span>验证码:</span> <input name="number" type="text"/><img border=0 src="../verifycode.jsp"> </a></div> <div class="youxiang4"> <img src="../source/verifycode.jsp"onclick="this.src='../source/verifycode.jsp'" width="108" height="46" /></div>
<div class="youxiang5">请输入右侧字符,如果看不清楚,请点击图片来换个图片。</div>
<div class="center_zhuce_yfm7"><input type="checkbox" name="check" value="1">勾选此框,我们会按时给您发送最新杂志以及促销信息邮件,<br>&nbsp&nbsp&nbsp&nbsp当您不需要时,可以取消勾选,我们将不再给您发送邮件.</div>
</div>
</div>
<div class="center_zhuce_yfm8"><input type="submit" value="确认"></div>
</form>
以上是JSP代码以下是js代码function check_sel(obj)
{

document.getElementById('sel_id').style.display='';
document.getElementById('sel_id1').style.display='none'; }

function check_sel1(obj1)
{
document.getElementById('sel_id1').style.display='';
document.getElementById('sel_id').style.display='none';}function checkmail(){
var email=document.form1.mail.value;
if(email==null){
}else{

if(email.length<=0){
alert('Email不能为空');
return false;
}

if(email.indexOf(" ")!=-1){
alert('Email不能有空格');
return false;
}
var t1=email.charAt(0)==".";
var t2=email.charAt(0)=="@";
var t3=email.charAt(email.length-1)==".";
var t4=email.charAt(email.length-1)=="@";
var t5=email.indexOf(".")==email.lastIndexOf(".");
var t6=email.indexOf("@")==email.lastIndexOf("@");
var t7=email.indexOf(".")==-1;
var t8=email.indexOf("@")==-1;
if(t1||t2||t3||t4||!t5||!t6||t7||t8){
alert('Email格式不正确');
return false;
}


}
var number=document.form1.number.value;
if (number=="")

  alert('验证码不能为空');
  return false;
}
else if(number.length!=4)
{
  alert('验证码只能是4位');
  return false;
}
else if (number.indexOf(" ")!=-1)
{
  alert('验证码不能有空格');
  return false;
}
现在的效果是,单选框选中后,哪个div被选中,则点击提交,提交哪个div表单。
但是现在根本就是执行function checkmail(){这个方法了。
求助!

解决方案 »

  1.   

    你俩个div的表单的name和id不能相同啊.然后在checkemail函数里面先判断点击了哪个checkbox,然后在检测相应的div的表单.或者是用俩个form,框住俩个div,再用一个form包住按钮,按钮改为button类型,加一个onclick事件,在事件函数里面判断点击了哪个checkbox然后就提交哪个表单.例如if(选了第一个)
    form1.submit();
    else
    form2.submit();
    无论哪个,每个标签的id是不能重复的,如果name重复了,你还得判断,所以最好也不要重复.
      

  2.   

    如果我用您说的俩个form,框住俩个div,再用一个form包住按钮, 
    这个方法,那么id、name重复了 可以吗?
      

  3.   

    还有怎么判断点击了哪个checkbox呢?
    我现在用的是radio啊