js 控制select 和 radio 赋值和并传值 和 验证电话,手机,邮箱,身份证。

1、提交表单

<%@ page language="java" import="java.util.*" pageEncoding="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">
<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta HTTP-EQUIV="expires" CONTENT="0">
<link rel="stylesheet" href="${_currConText }/css/jzzq/index.css">
<link href="${_currConText }/css/jzzq/register_jz.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="courselist.css">
<meta http-equiv="refresh" content="600">
</head>
<script language=Javascript src="/title.js">
</script>

<script>
function checkdata() {
   //  联系电话
    var regzuoji = /^\d+$/;
   // 手机验证
   reiphone= /^(13[0-9]{9})|(15[89][0-9]{8})$/
    // 邮箱地址验证
    remail= /\w@\w*\.\w/
    // 邮编验证
    var re= /^[1-9][0-9]{5}$/
    // 身份证验证
    var regex = /^[1-9]\d{16}[\d|x|X]$/;
   if (!regzuoji.exec(document.memberform.HomeTel.value)){
         alert("\联系电话号码不正确!!")
         document.memberform.HomeTel.focus()
         return false
       }
    else if (!reiphone.exec(document.memberform.MobilePhone.value)){
          alert("\手机号码不正确!!")
         document.memberform.MobilePhone.focus()
         return false
        }
    else if (!remail.exec(document.memberform.Email.value)){
           alert("\邮箱输入不正确!!")
        document.memberform.Email.focus()
        return false
        }
       else if (!re.exec(document.memberform.ZipCode.value)){
               alert("\邮编输入不正确!!")
            document.memberform.ZipCode.focus()
            return false
       }
       else if (!regex.exec(document.memberform.CardID.value)){
        alert('身份证输入错误!!!');
        return false
       }
       else if (document.memberform.FullName.value == "" ){
               alert("\姓名不能为空!!")
            document.memberform.FullName.focus()
            return false
       }
       else if ( document.memberform.password.value == "" ){
               alert("\密码不能为空!!")
            document.memberform.password.focus()
            return false
       }
       else if (document.memberform.check.value=='请输入右侧数字' || document.memberform.check.value=='')
        {    alert("为保证广大学员密码的安全性,防止有人恶意盗取网校学员代码和密码,必须在“验证码输入框”中输入其右侧当前4位数字!");
        document.memberform.check.focus();
        return false; 
        }      
       else if ( document.memberform.BirthYear.value == "" ){
               alert("\年份不能为空!!")
            document.memberform.BirthYear.focus()
            return false
       }
       else if ( document.memberform.BirthMonth.value == "" ){
               alert("\月份不能为空!!")
            document.memberform.BirthMonth.focus()
            return false
       }
       else if ( document.memberform.BirthDay.value == "" ){
               alert("\日期不能为空!!")
            document.memberform.BirthDay.focus()
            return false
       }
       else if ( document.memberform.Province.value == "" ){
               alert("\省份不能为空!!")
            document.memberform.Province.focus()
       }
       else if ( document.memberform.Area.value == "" ){
               alert("\地区不能为空!!")
            document.memberform.Area.focus()
       }
       else if ( document.memberform.EduLevel.value == "" ){
               alert("\教育程度不能为空!!")
            document.memberform.EduLevel.focus()
       }
       else if ( document.memberform.UnitName.value == "" ){
               alert("\工作单位不能为空!!")
            document.memberform.UnitName.focus()
       }
       else if ( document.memberform.MailAddr.value == "" ){
               alert("\通讯地址不能为空!!")
            document.memberform.MailAddr.focus()
       }
         else{
            return true;
        }
           return false;
}
</script>

<script>
function   testsex(){
    var   i   =   0;
    for(i=0;i<document.all.sex.length;i++){
    if(document.all.sex[i].checked   ==   true){
    document.getElementById("sexid").value=document.all.sex[i].value;
    }
    }
    }
function ckc(){
    document.getElementById("selectinputid").value=document.getElementById("selectid").value
}   
function ckcjy(){
    document.getElementById("jiaoyuinputid").value=document.getElementById("jiaoyuid").value
}
</script>

<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<FORM name="memberform" method=post  action="changedxf_jz_update.shtm" onSubmit="return checkdata()" οnclick="testsex();">
  <DIV align="center"> <br />
    <br />
    <table width="700" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="30" align="left" valign="bottom"><b><font color="#DF3600" class="f14b">您可以查看并修改您的个人注册信息:</font></b></td>
              </tr>
    </table>
            <table width="700" border="0" cellpadding="6" cellspacing="1" bgcolor="#5FC701">
              <tr>
                <td align="left" bgcolor="#FCFFF4" style="padding:6px 0"><span class="f12"><font color="#FF0000"><font color="#0000FF"><font color="#76716D">  为保证您的合法权益,请<b>务必填写</b>以下尽可能详细的<b>真实个人信息</b>。</font></font></font></span></td>
              </tr>
    </table>
              <table width="700" height="39" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td align="left" valign="bottom"><font color="#DF3600" class="f14b">注册信息修改:</font></td>
                </tr>
    </table>
            <table width="700" border="0" cellpadding="6" cellspacing="1" bgcolor="#5FC701">
              <tr>
                <td bgcolor="#FCFFF4">
                  <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">真实姓名:</font>
                            <input name="FullName" type="text" class="f12" value="" size="20" maxlength="18"></td>
                    </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">密  码:</font>
                            <INPUT name=password type=password maxlength="15" size="25" id=input1></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><span class=font1><font color="#76716D">验 证 码:</font></span>
                            <input id=input1 type="text" name="check" size="18"
                             onClick="if(this.value=='请输入右侧数字')this.value=''"
                                 onFocus=this.select()
                                 onMouseOut="if(this.value=='')this.value='请输入右侧数字';"
                             onMouseOver=this.focus() value=请输入右侧数字 maxlength="4">
                            <img src="${_currConText }/jsp/image.jsp?VIName=updatePasswd" /></td>
                        </tr>
                  </table>
                      <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">性  别:
                            <INPUT  name=sex type=radio value=女 checked="checked"  onClick="testsex();">
                            女
                                                      <INPUT name=sex type=radio value=男  onClick="testsex();">
                            男 </font>
                            <input type="hidden" id="sexid" name="sexid"/>
                            </td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">出生日期:
                            <INPUT maxLength=4 name=BirthYear size=4 value="" id=input1>
                            年
  <INPUT maxLength=2 name=BirthMonth size=2 value="" id=input1>
                            月
  <INPUT maxLength=2 name=BirthDay size=2 value="" id=input1>
                            日 </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">居住地区:
                            <SELECT id="selectid" name=Province size=1 class="f12" οnchange="ckc(this.options[this.options.selectedIndex].value);">
                              <option>选择地区</option>
                              <OPTION  value=北京>北京</OPTION>
                              <OPTION  value=广东>广东</OPTION>
                              <OPTION  value=上海>上海</OPTION>
                              <OPTION  value=广西>广西</OPTION>
                              <OPTION  value=海南>海南</OPTION>
                              <OPTION  value=湖南>湖南</OPTION>
                              <OPTION  value=湖北>湖北</OPTION>
                              <OPTION  value=江西>江西</OPTION>
                              <OPTION  value=江苏>江苏</OPTION>
                              <OPTION  value=浙江>浙江</OPTION>
                              <OPTION  value=福建>福建</OPTION>
                              <OPTION  value=安徽>安徽</OPTION>
                              <OPTION  value=云南>云南</OPTION>
                              <OPTION  value=贵州>贵州</OPTION>
                              <OPTION  value=四川>四川</OPTION>
                              <OPTION  value=重庆>重庆</OPTION>
                              <OPTION  value=天津>天津</OPTION>
                              <OPTION  value=河南>河南</OPTION>
                              <OPTION  value=河北>河北</OPTION>
                              <OPTION  value=山东>山东</OPTION>
                              <OPTION  value=山西>山西</OPTION>
                              <OPTION  value=辽宁>辽宁</OPTION>
                              <OPTION  value=吉林>吉林</OPTION>
                              <OPTION  value=黑龙江>黑龙江</OPTION>
                              <OPTION  value=陕西>陕西</OPTION>
                              <OPTION  value=青海>青海</OPTION>
                              <OPTION  value=西藏>西藏</OPTION>
                              <OPTION  value=新疆>新疆</OPTION>
                              <OPTION  value=甘肃>甘肃</OPTION>
                              <OPTION  value=宁夏>宁夏</OPTION>
                              <OPTION  value=内蒙>内蒙</OPTION>
                              <OPTION  value=香港>香港</OPTION>
                              <OPTION  value=澳门>澳门</OPTION>
                              <OPTION  value=台湾>台湾</OPTION>
                              <OPTION  value=国外>国外</OPTION>
                          </SELECT>
                  <input type="hidden"" id="selectinputid" name="selectinputid"/>       
                            省(直辖市)
  <input name="Area" size=10 maxlength="20" value="" id=input1>
                            地区 </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                        <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">教育程度:
                            <SELECT id="jiaoyuid" name=EduLevel size=1 class="f12"  οnchange="ckcjy(this.options[this.options.selectedIndex].value);">
                              <option>请选择</option>
                              <OPTION  value=大专以下>大专以下</OPTION>
                              <OPTION  value=大专>大专</OPTION>
                              <OPTION  value=本科>本科</OPTION>
                              <OPTION  value=本科以上>本科以上</OPTION>
                          </SELECT>
                          <input type="hidden"" id="jiaoyuinputid" name="jiaoyuinputid"/>
                            </font></td>
                        </tr>
                        </table>
                      <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                        <tr>
                          <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                        </tr>
                        </table>
                        <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">身份证号:
                            <input type="text" name="CardID" size="18" value="" maxlength="18" id=input1>
                            </font></td>
                        </tr>
                        </table>
                      <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                        <tr>
                          <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                        </tr>
                        </table>                   
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">工作单位:
                            <input name=UnitName size=53 value="" id=input1>
                            </font></td>
                        </tr>
                        </table>
                      <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                        <tr>
                          <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                        </tr>
                        </table>
                    <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">通信地址:
                            <INPUT name=MailAddr size=53 value="" id=input1>
                            </font></td>
                      </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/line.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">邮政编码:
                            <INPUT name=ZipCode size=14 value="" maxlength="6" id=input1>
                            </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/line.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">电子邮箱:
                            <INPUT name=Email maxlength="40" size=25 value="" id=input1>
                            </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/line.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">联系</font><font color="#76716D">电话:
                            <input type="text" name="HomeTel" value="" maxlength="20" id=input1>
                            </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/line.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">手  机:
                            <input name=MobilePhone size="20" value="" maxlength="20" id=input1>
                            </font></td>
                        </tr>
                  </table>
                      <table width="100%" height="10" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td></td>
                        </tr>
                  </table>
                </td>
              </tr>
    </table>
              <table width="700" border="0" cellpadding="0" cellspacing="0" height="80" align="center">
                <tr align="center">
                  <td><INPUT name=B1 type=submit value=提  交 class="bt_reg3" >   
                    <INPUT name=B2 type=reset value=还  原 class="bt_reg3">
                  </td>
                </tr>
    </table>
  </DIV>
</FORM>
</BODY>

</html>

 

 

2、页面传到的页面

 

 

<%@ page language="java" import="java.util.*" pageEncoding="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">
<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
<HEAD>
<TITLE></TITLE>

   <script language=javascript>

     </script>

</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
     
     姓名:<input  value="${param.FullName }"/><br>
     密码:<input  value="${param.password }"/><br>
     性别:<input  value="${param.sexid }"/><br>
     年:   <input  value="${param.BirthYear }"/><br>
     月:   <input  value="${param.BirthMonth }"/><br>
     日:  <input  value="${param.BirthDay }"/><br>
     省:  <input  value="${param.selectinputid }"/><br>
     区:<input  value="${param.Area }"/><br>
     教育程度:<input  value="${param.jiaoyuinputid }"/><br>
    身份证号:<input  value="${param.CardID }"/><br>
     工作单位:<input  value="${param.UnitName }"/><br>
     通讯地址:<input  value="${param.MailAddr }"/><br>
      邮政编码:<input  value="${param.ZipCode }"/><br>
     电子邮箱:<input  value="${param.Email }"/><br>
      联系电话:<input  value="${param.HomeTel }"/><br>
      手机号:<input  value="${param.MobilePhone }"/><br>            
    

</BODY>
</HTML>

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值