baozhangfang/WebRoot/WEB-INF/jsp/applicationForm/addPZ2.jsp

<%-- 配租申请表2--新就业人员--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<style type="text/css">
em {color:red;font-size:13px;font-style:normal}
.changeLine th{
    white-space: NOWRAP;
}
</style>
<script type="text/javascript">
	function addPZ2_load(){
        //婚姻
        $("#maritalStatus_add").append(maritalStatus_array);
        $("#maritalStatus1").append(maritalStatus_array);
	}
	function addPZ2_submit(){
		var flag= true;
		var flag1 = verifyCurrentHouseSituation();
		var flag2 = checkData();
		if(flag1&&flag2){
			$.ajax({
				type: "POST",
				url:"securityPersonApply2Action_addSecurityPersonApply",
				data:$('#pz2Form').serialize(),// 你的formid
				async: false,
				error: function(data) {
					$.messager.alert("提示","提交失败");
				},
				success: function(result) {
				  	var parseResult = $.parseJSON(result);
				   	if(parseResult.success){
				     	$('#addPZ2Dialog').dialog("close");
				   		var securityPersonApplyId = parseResult.obj.id;
				   		var fileNum = parseResult.obj.fileNum;
				   		for(var i=1;i<=index;i++){
				   			if($("#mbtb_" + i).length > 0 ){
				   				var url = whzl.basePath+'/securityPersonApply2Action_addSecurityPersonApplyRelative';
				   				$.ajax({
									type: "post",//使用post方法访问后台
									dataType: "json",//返回json格式的数据
									url: url,//要访问的后台地址
									async: false,
									data:{"securityPersonApplyRelative.securityPersonApplyId":securityPersonApplyId ,
				   					      "securityPersonApplyRelative.fileNum":fileNum ,
									  	  "securityPersonApplyRelative.name":$("#name" + i ).val() ,
									   	  "securityPersonApplyRelative.relative":$("#relative" + i ).val() ,
									   	  "securityPersonApplyRelative.idCard":$("#idCard" + i ).val() ,
									   	  "securityPersonApplyRelative.maritalStatus":$("#maritalStatus" + i ).val() ,
									   	  "securityPersonApplyRelative.maritalDate":$("#maritalDate" + i ).datebox('getValue') ,
									   	  "securityPersonApplyRelative.company":$("#company" + i ).val() , 
									   	  "securityPersonApplyRelative.residenceNo":$("#residenceNo" + i ).val() ,
									   	  "securityPersonApplyRelative.company":$("#company" + i ).val() ,
									   	  "securityPersonApplyRelative.phone":$("#phone" + i ).val()
									},
									success : function(result){
										$("#securityPersonApplyDataGrid").datagrid("reload");
									}
								});
				   			}
				   		}
				   	}
				}
			})
		}
	}
	
	
	function checkData(){
		var flag= true;
		
		//姓名验证
		if($("#name_add").val()==''){
			$.messager.alert('提醒','请输入姓名');
			flag = false;
		}
		//身份证验证
		if($("#idCard_add").val()==''){
			$.messager.alert('提醒','请输入身份证号');
			flag = false;
		}else{
			if(!idCard1($("#idCard_add").val())){
				$.messager.alert('提醒','请检查输入的身份证号是否正确');
				flag = false;
			}
		}
		//婚姻状况验证
		if($("#maritalStatus_add").val()==''){
			$.messager.alert('提醒','请选择现婚姻状况');
			flag = false;
		}
		//手机号码验证
		if($("#phone_add").val()==''){
			$.messager.alert('提醒','请输入手机号码');
			flag = false;
		}
		if($("#accountLocation_add").val()==''){
			$.messager.alert('提醒','请输入户口所在地');
			flag = false;
		}
		//单位名称
		if($("#company_add").val()==''){
			$.messager.alert('提醒','请输入单位名称');
			flag = false;
		}
		//单位地址
		if($("#workPlace_add").val()==''){
			$.messager.alert('提醒','请输入单位地址');
			flag = false;
		}
		
		//是否缴纳社保
		var pension=$('input:radio[name="securityPersonApply.pension"]:checked').val();
		if(typeof(pension)=="undefined"){
			$.messager.alert('提醒','请选择是否参加市区城镇职工基本社会保险');
			flag = false;
		}
		//是否签订劳动合同
		var laborContract=$('input:radio[name="securityPersonApply.laborContract"]:checked').val();
		if(typeof(laborContract)=="undefined"){
            $.messager.alert('提醒','请选择是否签订劳动合同');
            flag = false;
        }
		
		//验证家庭成员信息
		var isCar=2;
        var isBusiness=2;
		for(var i=1;i<=index;i++){
			var mbtb = $("#mbtb_"+i);
			//如果被删除，直接跳过
			if(mbtb.length > 0){
				var residenceNo=$("#residenceNo"+i).val()
				var idCard=$("#idCard"+i).val();
				var name=$("#name"+i).val();
				var relative=$("#relative"+i).val();
				var maritalStatus=$("#maritalStatus"+i).val();
				var wageIncome=$("#wageIncome"+i).val();
				var maritalDate = $("#maritalDate"+i).datebox('getValue');
				var phone=$("#phone"+i).val();
				
				//户号
				if(residenceNo==''){
					$.messager.alert('提醒','请填户号');
					flag = false;
				}
				//验证姓名
				if(name==''){
					$.messager.alert('提醒','请填写姓名');
					flag = false;
				}
				//验证身份证号
				if(idCard!=''){
					if(!idCard1(idCard)){
						$.messager.alert('提醒','请填正确身份证号');
						flag = false;
					}
				}else{
					$.messager.alert('提醒','请填身份证号');
					flag = false;
				}
				//验证户籍关系
				if(relative==''){
					$.messager.alert('提醒','请填与申请人关系');
					flag = false;
				}
				//验证婚姻关系
				if(maritalStatus==''){
					$.messager.alert('提醒','请填婚姻状况');
					flag = false;
				}
				//除未成年、未婚都要填写登记时间
                if(maritalStatus !="6"&&maritalStatus !="5"){
                    if(maritalDate ==''){
                        $.messager.alert('提醒','请填婚姻登记日期');
                        flag = false;
                    }
                }
				
				//验证婚姻关系
				if(phone==''){
					$.messager.alert('提醒','请填联系电话');
					flag = false;
				}
			}
		}
		
		//家庭人口数量
		var mbtbNum = $(".mbtb > table").size();
		$("#familyNum_add").val(mbtbNum);
		
		return flag;
	}
	
	
	//验证家庭住房情况
    function verifyCurrentHouseSituation(){
        var flag = true;
        var currentHouseSituation=$('input:radio[name="securityPersonApply.currentHouseSituation"]:checked').val();
        if(currentHouseSituation!="5"){
        	var propertyCompany=$('#propertyCompany_add').val();
            if(typeof(propertyCompany)=="undefined" || propertyCompany == ''){
                $.messager.alert('提醒','请输入产权单位');
                flag = false;
            }
            var existArea=$('#existArea_add').val();
            if(typeof(existArea)=="undefined" || existArea == ''){
                $.messager.alert('提醒','请输房屋面积');
                flag = false;
            }
            var existReal=$('#existReal_add').val();
            if(typeof(existReal)=="undefined" || existReal == ''){
                $.messager.alert('提醒','请输房屋地址');
                flag = false;
            }
        }
        
        return flag;
    }
	
	var index = 1;
	function addSecurityPersonApplyRelative(){
		index++;
		var $table = $("<table id='mbtb_"+index+"' class='mytable changeLine'></table>");
		var $tr1 = $("<tr style='border-top: 2px solid blue;'></tr>");
		var $th1_1 = $("<th width='11%'>户号</th>");
		var $td1_2 = $("<td width='20%'><input id='residenceNo"+index+"' type='text' style='width: 100px;'></td>");
		var $th1_3 = $("<th width='11%'>姓名</th>");
		var $td1_4 = $("<td width='24%'><input id='name"+index+"' type='text' style='width: 100px;'></td>");
		var $th1_5 = $("<th width='11%'>身份证号</th>");
		var $td1_6 = $("<td><input id='idCard"+index+"' type='text' style='width: 172px;'></td>");
		
		$tr1.append($th1_1);
		$tr1.append($td1_2);
		$tr1.append($th1_3);
		$tr1.append($td1_4);
		$tr1.append($th1_5);
		$tr1.append($td1_6);
		
		var $tr2 = $("<tr></tr>");
		var $th2_1 = $("<th>与申请人关系</th>");
		var $td2_2 = $("<td></td>");
		var $select_relative=$("<select id='relative" + index + "' style='width: 100px;'><option value=''>选择</option></select>")
		$select_relative.append(relative_array);
		$td2_2.append($select_relative);
		var $th2_3 = $("<th>婚姻状况</th>");
		var $td2_4 = $("<td></td>");
		var $select_maritalStatus=$("<select id='maritalStatus" + index + "' style='width: 120px;height: 20px;vertical-align: middle;'><option value=''>选择</option></select>")
		$select_maritalStatus.append(maritalStatus_array);
		var $maritalDate = $("<input type='text' style='width: 100px;' id='maritalDate" + index + "' class='easyui-datebox' editable='fasle'/>");
		$td2_4.append($select_maritalStatus);
		$td2_4.append($maritalDate);
		$.parser.parse($td2_4);
		
		var $th2_5 = $("<th>联系电话</th>");
        var $td2_6 = $("<td><input id='phone"+index+"' type='text'/></td>");
		
		
		$tr2.append($th2_1);
		$tr2.append($td2_2);
		$tr2.append($th2_3);
		$tr2.append($td2_4);
		$tr2.append($th2_5);
		$tr2.append($td2_6);
		
		
		var $tr3 = $("<tr></tr>");
        var $th3_1 = $("<th>工作单位</th>");
        var $td3_2 = $("<td  colspan='5'><input id='company"+index+"' type='text'></td>");
        
        $tr3.append($th3_1);
        $tr3.append($td3_2);
		
		
        $table.append($tr1);
        $table.append($tr2);
        $table.append($tr3);
        
		$("#mbtb_1").after($table);
	}
	
		//删除家庭成员表格
	function remove(id){
		$("#" + id).remove();
	}
    
</script>
    <form id="pz2Form" action="securityPersonApplyAction_addSecurityPersonApply" method="post" >
    	<input type="hidden" id="familyNum_add" name="securityPersonApply.familyNum"/>
    	<input type="hidden" id="addType_add" name="securityPersonApply.addType" value="1"/>
    	<input type="hidden" id="type_add" name="securityPersonApply.type" value="3"/>
    	<input type="hidden" id="flow_add" name="securityPersonApply.flow" value="2"/>
    	<input type="hidden" name="securityPersonApply.isCar" id="isCar_add" value="2"/>
        <input type="hidden" name="securityPersonApply.isBusiness" id="isBusiness_add" value="2"/>
    	<table id="securityPersonInfo" class="mytable">
    		<tr>
    			<th colspan="4"><span style="font-weight: bolder;">淮安市市区公租房实物配租--新就业人员</span></th>
    		</tr>
    		<tr>
    			<th colspan="4">申请人基本信息</th>
    		</tr>
    		<tr>
    			<th width="11%"><em>*</em>申请人姓名</th>
    			<td width="38%"><input type="text" name="securityPersonApply.securityPersonName" id="name_add"/></td>
    			<th width="11%"><em>*</em>身份证号码</th>
    			<td><input type="text" name="securityPersonApply.securityPersonIdCard" id="idCard_add" onchange="check(this.value)"/></td>
    		</tr>
    		<tr>
    			<th><em>*</em>现婚姻状况</th>
    			<td>
    				<select name="securityPersonApply.maritalStatus" id="maritalStatus_add" style="width:172px">
						<option value="">请选择</option>
					</select>
				</td>
    			<th><em>*</em>手机号码</th>
    			<td><input type="text" name="securityPersonApply.phone" id="phone_add"/></td>
    		</tr>
            <tr>
                <th><em>*</em>户口所在地:</th>
                <td>
                    <input type="text" id="accountLocation_add" style="width: 350px;" name="securityPersonApply.accountLocation"/>
                </td>
				<th><em>*</em>毕业时间</th>
				<td>
			  		<input class="easyui-datebox" type="text" id="graduationDate_add" name="securityPersonApply.graduationDate" />
			    </td>
    		</tr>
    		<tr>
    			<th><em>*</em>工作单位名称</th>
    			<td><input type="text" id="company_add" name="securityPersonApply.company"/></td>
    			<th><em>*</em>工作单位地址</th>
    			<td><input type="text" id="workPlace_add" name="securityPersonApply.workPlace"/></td>
    		</tr>
    		<tr>
    			<th><em>*</em><span>是否缴纳社保</span></th>
    			<td>
    				<input value="1" type="radio" name="securityPersonApply.pension" id="pension-1">
				   	<label for="pension-1" style="cursor: pointer;">是&nbsp;</label>
				    <input value="2" type="radio" name="securityPersonApply.pension" id="pension-2">
				    <label for="pension-2" style="cursor: pointer;">否&nbsp;</label>
				</td>
                <th><em>*</em><span>是否签订劳动合同</span></th>
                <td>
                    <input value="1" type="radio" name="securityPersonApply.laborContract" id="laborContract-1">
                    <label for="laborContract-1" style="cursor: pointer;">是&nbsp;</label>
                    <input value="2" type="radio" name="securityPersonApply.laborContract" id="laborContract-2">
                    <label for="laborContract-2" style="cursor: pointer;">否&nbsp;</label>
                </td>
            </tr>
    	</table>
    	<div id="mbtb_div" class="mbtb">
    	<table class="mytable changeLine" id="mbtb_1">
    		<tr>
    			<th colspan="8">家庭成员基本信息
    				<input id="" type="button" value="新增家庭成员" onclick="addSecurityPersonApplyRelative();" style="margin-left: 30px"/>
    			</th>
    		</tr>
    		<tr id="tr1_1" style="border-top: 2px solid blue;">
    			<th width="11%">户号</th>
    			<td width="20%"><input id='residenceNo1' type='text' style="width: 100px;"></td>
            	<th width="11%">姓名</th>
            	<td width="24%"><input id='name1' type='text' style="width: 100px;"></td>
            	<th width="11%">身份证号码</th>
            	<td width="23%"><input id='idCard1' type='text' style="width: 172px;"></td>
            </tr>
            <tr id="tr1_2">
            	<th>与申请人关系</th>
    			<td>
    				<select id='relative1' style='width: 100px;'>
                		<option value='0'>申请人</option>
                	</select>
    			</td>
            	<th>婚姻状况</th>
            	<td>
            		<select name='#' id='maritalStatus1' style='width: 120px;height: 20px;vertical-align: middle;'>
   						<option value=''>选择</option>
   					</select>
   					<input type="text" style="width: 100px;" id='maritalDate1' class="easyui-datebox" editable="fasle"/>
            	</td>
            	<th>联系电话</th>
                <td><input id="phone1" name="securityPersonApplyRelative.phone"/></td>
            </tr>
            <tr id="tr1_3">
            	<th>工作单位</th>
    			<td colspan="5"><input id='company1' type='text' style="width: 172px;"></td>
            </tr>
    	</table>
    	</div>
    	<table class="mytable">
    		<tr>
    			<th colspan="2">现住房信息</th>
    		</tr>
    		<tr>
			    <th width="20%"><em>*</em>家庭住房困难类型：</th>
			    <td>
                   	自有房产
                    <input value="1" type="radio" name="securityPersonApply.currentHouseSituation" id="currentHouseSituation-1"/>
                    <label for="currentHouseSituation-1" style="cursor: pointer;">是&nbsp;</label>
                    <input value="5" type="radio" name="securityPersonApply.currentHouseSituation" id="currentHouseSituation-5" checked="checked"/>
                    <label for="currentHouseSituation-5" style="cursor: pointer;">否&nbsp;</label></br>
                    <span style="color:#000;">房屋坐落：</span><input id="existReal_add" name="securityPersonApply.existReal" type="text" class="form-control" style="width: 300px;display: inline;"/>
                    <span style="color:#000;">，面积：</span><input id="existArea_add" name="securityPersonApply.existArea" type="text" class="form-control" style="width: 100px;display: inline;"/>
                    <span style="color:#000;">平方米，产权人：</span><input type="text" id="propertyCompany_add" name="securityPersonApply.propertyCompany" style="width: 100px;display: inline;">
			    </td>
		    </tr>
			<tr>
		    	<th>是否存在转让房产、取得拆迁安置补偿不满两年的情况：</th>
		    	<td>
		    		<input value="1" type="radio" name="securityPersonApply.isAssignmentHouse" id="isAssignmentHouse-1" />
					<label for="isAssignmentHouse-1" style="cursor: pointer;">是&nbsp;</label>
					<input value="2" type="radio"name="securityPersonApply.isAssignmentHouse" checked="checked" id="isAssignmentHouse-2" />
					<label for="isAssignmentHouse-2" style="cursor: pointer;">否&nbsp;</label>
		    	</td>
		    </tr>
		    <tr>
		    	<th>申请之日前两年是否享受过房改房、政策性商品房或其他住房保障政策：</th>
		    	<td>
		    		<input value="1" type="radio" name="securityPersonApply.hasUsed" id="hasUsed-1" />
					<label for="hasUsed-1" style="cursor: pointer;">是&nbsp;</label>
					<input value="2" type="radio"name="securityPersonApply.hasUsed" id="hasUsed-2" />
					<label for="hasUsed-2" style="cursor: pointer;">否&nbsp;</label>
		    	</td>
		    </tr>
		</table>
   </form>