js 统制select 和 radio 赋值和并传值和验证电话，手机，邮箱，身份证 _JavaScript

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()" onclick="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" onchange="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"? onchange="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、页面传到的页面

js 统制select 和 radio 赋值和并传值 和 验证电话，手机，邮箱，身份证

js 统制select 和 radio 赋值和并传值和验证电话，手机，邮箱，身份证