<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>    当您不需要时,可以取消勾选,我们将不再给您发送邮件.</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(){这个方法了。
求助!
<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>    当您不需要时,可以取消勾选,我们将不再给您发送邮件.</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(){这个方法了。
求助!
解决方案 »
- chrome浏览器添加收藏夹的问题
- js正则表达式问题。求解
- 横向并排
- JQuery 分页问题 求助 纠结我好多天了
- js里面的filter用法?
- 在HTML里设置了ActiveX控件的事件为何没有调用事件函数,请高手指点
- 高分求助:鼠标拖动DIV的边框,改变其大小,能否实现?
- 在线等:可以帮忙吗?如何用代码实现select框在得到焦点后处于已选择后状态,即onchange后的状态??
- 你们大家都用什么工具,编写和调试javascript的?是不是javascript不好控制?
- html问题:通过点击一个frame里面的链接让另一个frame装载需要的htm(kingofark)
- 关于动态创建表单元素,做不下去了,附图片,求助
- 怎样禁止在IE中运行的JavaScript代码?
form1.submit();
else
form2.submit();
无论哪个,每个标签的id是不能重复的,如果name重复了,你还得判断,所以最好也不要重复.
这个方法,那么id、name重复了 可以吗?
我现在用的是radio啊