- <%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
- <%@ include file="/public/taglibs.jsp"%>
- <%@ include file="/public/checkLogin.jsp"%>
- <html>
- <head>
- <title>${webname}-报名个人信息</title>
- <%@ include file="/public/meta.jsp"%>
- <%@ include file="/public/artDialog.jsp"%>
- <script type="text/javascript" src="/js/common/Data_location.js"></script>
- <script type="text/javascript" src="/js/common/Data_folk.js"></script>
- <script type="text/javascript" src="/js/common/Data_edu.js"></script>
- <script type="text/javascript" src="/js/common/Data_depart.js"></script>
- <script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
- <link rel="stylesheet" href="/js/jquery/plugins/validform/style.css" type="text/css" media="all" />
- <link rel="stylesheet" href="/css/index.css" type="text/css" media="all" />
- <style type="text/css">
- #area_td select {
- width: 115px;
- }
- </style>
- <script type="text/javascript">
- $(document).ready(function() {
- init();
- });
- function init(){
- getAllDps();
- getAllFolks();
- getAllEducations();
- var level='<s:property value="#attr.peBzzStudent.peEnterprise.level"/>';
- var currentcode='<s:property value="#attr.peBzzStudent.peEnterprise.code"/>';//用户所在省,市,县
- if(level==1){
- getAllProvs(currentcode);//查询省
- }
- else if(level==2){//如果是2级,则查询2级市
- var provcode='<s:property value="#attr.peBzzStudent.peEnterprise.peEnterprise.code"/>';
- getAllProvs(provcode);//查询省
- getCitiesByProvCode(currentcode);//0表示首次加载时 根据省查询市
- }
- else if(level==3){//如果是3级,则查询2级市和县区
- var provcode='<s:property value="#attr.peBzzStudent.peEnterprise.peEnterprise.peEnterprise.code"/>';
- var citycode='<s:property value="#attr.peBzzStudent.peEnterprise.peEnterprise.code"/>';
- getAllProvs(provcode);//查询省
- getCitiesByProvCode(citycode);
- getAreasByCityCode(currentcode);如果是3级,则查询3级县区
- }else{
- getAllProvs();//查询省
- }
- }
- function getAllEducations(){
- for(var index in location_edus){
- var edu = location_edus[index];
- var s='';
- var eid='<s:property value="#attr.peBzzStudent.enumConstByFlagEducation.id"/>';
- if(eid==edu.id){
- s='selected="selected"';
- }
- $("#education").append("<option "+s+" value="+edu.id+" >"+edu.n+"</option>");
- }
- }
- function getAllFolks(){
- for(var index in location_folks){
- var folk = location_folks[index];
- var s='';
- var fid='<s:property value="#attr.peBzzStudent.enumConstByFlagFolk.id"/>';
- if(fid==folk.id){
- s='selected="selected"';
- }
- $("#folk").append("<option "+s+" value="+folk.id+" >"+folk.n+"</option>");
- }
- }
- function getAllDps(){
- for(var index in location_departs){
- var depart = location_departs[index];
- var s='';
- var fid='<s:property value="#attr.peBzzStudent.enumConstByFlagDepartProperty.id"/>';
- if(fid==depart.id){
- s='selected="selected"';
- }
- $("#dp").append("<option "+s+" value="+depart.id+" >"+depart.n+"</option>");
- }
- }
- function getAllProvs(currentcode){
- for(var index in location_provs){
- var prov = location_provs[index];
- var s='';
- if(currentcode==prov.c){
- s='selected="selected"';
- }
- $("#prov").append("<option "+s+" value="+prov.c+" >"+prov.n+"</option>");
- }
- }
- function getCitiesByProvCode(currentcode){
- var provcode=$("#prov option:selected").val();
- $("#area").empty();
- $("#area").append("<option value=\"-1\" >请选择</option>");
- $("#city").empty();
- $("#city").append("<option value=\"-1\" >请选择</option>");
- for(var index in location_cities){
- var city = location_cities[index];
- if(city.p==provcode){
- var s='';
- if(currentcode==city.c){
- s='selected="selected"';
- }
- $("#city").append("<option "+s+" value="+city.c+" >"+city.n+"</option>");
- }
- }
- }
- function getAreasByCityCode(currentcode){
- var citycode=$("#city option:selected").val();
- $("#area").empty();
- $("#area").append("<option value=\"-1\" >请选择</option>");
- for(var index in location_areas){
- var area = location_areas[index];
- if(area.p==citycode){
- var s='';
- if(currentcode==area.c){
- s='selected="selected"';
- }
- $("#area").append("<option "+s+" value="+area.c+" >"+area.n+"</option>");
- }
- }
- }
- </script>
- </head>
- <body>
- <div class="centent_zxzc">
- <div style="margin-left: 20px;">
- <form action="/entity/workspaceStudent/bzzstudent_examModifyInfo.action" method="post" name="registerfrm" class="registerfrm">
- <table class="datalist3" cellpadding="0" style="float: left;" cellspacing="0" width="770">
- <caption style="font-size: 20px; color: green; margin: 10px 0px 10px 0px;">
- * 学 员 基 本 信 息 *
- </span>
- </caption>
- <tr>
- <td width="80" rowspan="6" align="center" bgcolor="#f3f3f3">
- 个人信息
- </td>
- <td width="60">
- <span class="redfont">*</span>用户名
- </td>
- <td class="lefttd">
- <input type="text" name="peBzzStudent.ssoUser.loginId" value="${peBzzStudent.ssoUser.userName}" id="loginId" readonly="readonly"
- maxlength="30" size="30" />
- <span class="Validform_checktip">用户名不可更改!</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>姓 名
- </td>
- <td class="lefttd">
- <input type="text" name="peBzzStudent.trueName" value="${peBzzStudent.trueName}" id="name" class="inputxt" datatype="t2-15"
- errormsg="姓名2-15个汉字、字母、下划线和数字!" maxlength="25" size="30" />
- <span class="Validform_checktip">请填写您的真实姓名,用于证书发放</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>性 别
- </td>
- <td class="lefttd">
- <%--sex的value指定为id,懒加载--%>
- <select name="peBzzStudent.enumConstByGender.id" datatype="*" nullmsg="请选择性别" style="width: 175px;">
- <option value="">
- --- 请选择性别---
- </option>
- <option value="402880911da481e0011da4963df60004" <c:if test="${peBzzStudent.enumConstByGender !=null&&peBzzStudent.enumConstByGender.id eq '402880911da481e0011da4963df60004'}"> selected="selected" </c:if>>
- 男
- </option>
- <option value="402880911da481e0011da49697130005" <c:if test="${peBzzStudent.enumConstByGender !=null&&peBzzStudent.enumConstByGender.id eq '402880911da481e0011da49697130005'}"> selected="selected" </c:if>>
- 女
- </option>
- </select>
- <span class="Validform_checktip"></span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont"></span>民 族
- </td>
- <td class="lefttd">
- <SELECT id="folk" ignore="ignore" datatype="*" name="peBzzStudent.enumConstByFlagFolk.id" style="width: 175px;">
- <OPTION value="">
- ---请选择民族---
- </OPTION>
- </SELECT>
- <span class="Validform_checktip"></span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>出生日期
- </td>
- <td class="lefttd">
- <input type="text" name="peBzzStudent.birthdayDate" datatype="*"
- value="<fmt:formatDate pattern="yyyy-MM-dd" value="${peBzzStudent.birthdayDate}"/>" id="birthday" readonly="readonly"
- onClick="WdatePicker({maxDate:'%y-%M-%d'})" size="30" />
- <span class="Validform_checktip">请选择您的真实出生日期,用于证书发放。</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>学 历
- </td>
- <td class="lefttd">
- <select id="education" name="peBzzStudent.enumConstByFlagEducation.id" datatype="*" style="width: 175px;">
- <option value="">
- ---请选择学历---
- </option>
- </select>
- <span class="Validform_checktip"></span>
- </td>
- </tr>
- <tr>
- <td width="50" rowspan="9" align="center" bgcolor="#f3f3f3">
- 通讯信息
- </td>
- <td>
- <span class="redfont">*</span>工作单位
- </td>
- <td class="lefttd">
- <input type="text" name="peBzzStudent.department" value="${peBzzStudent.department}" id="depart" class="inputxt" datatype="t4-25"
- errormsg="工作单位4-25个汉字、字母、下划线和数字!" maxlength="50" size="30" />
- <span class="Validform_checktip">工作单位4-25个汉字、字母、下划线和数字</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont"></span>职称职务
- </td>
- <td class="lefttd">
- <input type="text" ignore="ignore" name="peBzzStudent.position" value="${peBzzStudent.position}" id="position" class="inputxt"
- datatype="t2-15" errormsg="职称2-15个汉字、字母、下划线和数字!!" maxlength="30" size="30" />
- <span class="Validform_checktip">职称2-15个汉字、字母、下划线和数字!</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>手 机
- </td>
- <td class="lefttd">
- <input type="text" name="peBzzStudent.mobilePhone" value="${peBzzStudent.mobilePhone}" onkeypress="KeyPress(this.value);" id="mobilePhone"
- class="inputxt mobile" datatype="m" errormsg="手机号为11位有效数字!" maxlength="30" size="30" />
- <span class="Validform_checktip">请输入11位有效手机号,方便学习联系。</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>电 话
- </td>
- <td class="lefttd">
- <input type="text" name="peBzzStudent.phone" value="${peBzzStudent.phone}" id="phone" class="inputxt" datatype="c" errormsg="电话号码格式不正确!"
- maxlength="30" size="30" />
- <span class="Validform_checktip">例如:0712-7827881,58731118</span>
- </td>
- </tr>
- <tr>
- <td>
- 传 真
- </td>
- <td class="lefttd">
- <input type="text" ignore="ignore" name="peBzzStudent.fax" value="${peBzzStudent.fax}" id="fax" class="inputxt" datatype="c"
- errormsg="传真格式为0712-7827881或58731118!" maxlength="30" size="30" />
- <span class="Validform_checktip">与电话号码格式一致</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>Email
- </td>
- <td class="lefttd">
- <input type="text" name="peBzzStudent.email" value="${peBzzStudent.email}" id="email" class="inputxt" datatype="e" errormsg="邮箱格式不正确!"
- maxlength="30" size="30" />
- <span class="Validform_checktip">请输入真实邮件地址,用于发送您的报名信息。</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>邮政编码
- </td>
- <td class="lefttd">
- <input type="text" ignore="ignore" name="peBzzStudent.zipcode" value="${peBzzStudent.zipcode}" id="zipcode" onkeypress="KeyPress(this.value);"
- class="inputxt" datatype="p" errormsg="邮政编码6个数字!" maxlength="30" size="30" />
- <span class="Validform_checktip">请输入6位邮政编码</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>所在地区
- </td>
- <td class="lefttd" id="area_td">
- <select id="prov" name="provcode" onchange="getCitiesByProvCode();" datatype="city">
- <option value="-1">
- 请选择
- </option>
- </select>
- <select id="city" name="citycode" onchange="getAreasByCityCode();" style="margin-left: 20px;" datatype="city">
- <option value="-1">
- 请选择
- </option>
- </select>
- <select id="area" name="peBzzStudent.peEnterprise.code" style="margin-left: 20px;" datatype="city">
- <option value="-1">
- 请选择
- </option>
- </select>
- <span class="Validform_checktip"></span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="redfont">*</span>详细地址
- </td>
- <td class="lefttd">
- <input type="text" name="peBzzStudent.address" value="${peBzzStudent.address}" id="address" maxlength="25" size="30" class="inputxt"
- datatype="t4-25" errormsg="地址4-25个汉字、字母、下划线和数字!" maxlength="30" />
- <span class="Validform_checktip">上面选择省市,此处仅写除省市外的详细地址</span>
- </td>
- </tr>
- <tr>
- <td bgcolor="#f3f3f3">
- 单位属性
- </td>
- <td>
- <span class="redfont">*</span>单位属性
- </td>
- <td class="lefttd">
- <select id="dp" name="peBzzStudent.enumConstByFlagDepartProperty.id" datatype="*" nullmsg="请选择单位属性" style="width: 175px;">
- <option value="">
- --- 请选择单位属性---
- </option>
- </select>
- <span id="dp" class="Validform_checktip">请选择您的单位属性</span>
- </td>
- </tr>
- <tr>
- <td colspan="3" style="padding-right: 300px;">
- <div>
- <input style="display: none;" type="submit" value="提交" id="sub" />
- <input style="display: none;" type="reset" value="重填" id="res" />
- <input type="hidden" name="peBzzStudent.id" value="${peBzzStudent.id}" />
- <div class="tijiao">
- <a href="javascript:void(0);" onclick="$$('res').click();">重填</a>
- </div>
- <div class="tijiao">
- <a href="javascript:void(0);" onclick="$$('sub').click();">提交</a>
- </div>
- </div>
- </td>
- </tr>
- </table>
- </form>
- <div>
- </body>
- <script type="text/javascript" src="/js/jquery/plugins/validform/Validform.js"></script>
- <script type="text/javascript">
- $(function() {
- $(".registerfrm").Validform({
- tiptype:function(msg,o,cssctl){
- if(!o.obj.is("form")){//验证表单元素时o.obj为该表单元素,全部验证通过提交表单时o.obj为该表单对象;
- var objtip=o.obj.siblings(".Validform_checktip");//指定错误提示控件
- cssctl(objtip,o.type);
- objtip.text(msg);
- }
- },
- showAllError:true,//一次性提示所有错误
- datatype:{//传入自定义datatype类型
- "u2-4" : /^[0-9a-zA-Z]{1}\w{2,4}$/,//数字和字母开头,后面可以有下划线u2-4和后面的{2,4}数字保持一致
- "c":/^(\d{3,4}-)?\d{7,8}$/,//传真或电话
- "t2-4" : /^([\u4E00-\u9FA5\uf900-\ufa2d]|\w){2,4}$/,//中文,字母,下划线和数字
- "city":function(gets,obj,curform,regxp){
- var prov=$("#prov option:selected").val();
- if(prov==-1){
- return "请选择省份!";
- }else{
- var c=$("#city").find("option");
- if(c.length>1){
- var city=$("#city option:selected").val();
- if(city==-1){
- return "请选择市!";
- }else{
- var a=$("#area").find("option");
- if(a.length>1){
- var area=$("#area option:selected").val();
- if(area==-1){
- return "请选择县!";
- }
- }
- }
- }
- }
- return true;
- }
- }
- });
- })
- </script>
- </html>