表格编号处理
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page import="org.json.JSONObject" language="java" contentType="text/html;charset=GBK"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>添加证件入库管理信息</title>
<link href="../../css/style.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="../../share/script/operation.js"></script>
<script type="text/javascript" src="../../share/script/jquery.js"></script>
<script type="text/javascript" src="../../share/script/jquery.maskedinput/jquery.maskedinput-1.2.2.js"></script>
<script type="text/javascript" src="../../share/script/jquery.validate/validate.js"></script>
<script type="text/javascript" src="../../share/script/jquery.form/jquery.form.js"></script>
<script type="text/javascript" src="../../js/date.js" ></script>
<script type="text/javascript" src="add.js"></script>
<script type="text/vbscript" src="../../share/script/ajax.vbs"></script>
<script language="javascript">
$(function(){
$("img[src*=add]").click(
function(){
$("#tablelist").append("<tr>" +
"<td id=/"num/" width=/"38/" rowspan=/"2/" align=/"center/" valign=/"middle/"></td>" +
"<td align=/"left/" valign=/"middle/"><input name=/"ST_CERT_NUM/" type=/"text/" class=/"textbox_05/" /></td>" +
"<td align=/"left/" valign=/"middle/"><input name=/"ST_NAME/" type=/"text/" class=/"textbox_05/" /></td>" +
"<td align=/"left/" valign=/"middle/"><input name=/"ST_BIRTH_PLACE/" type=/"text/" class=/"textbox_05/" /></td>" +
"<td align=/"left/" valign=/"middle/"><input name=/"ST_ISSUE_PLACE/" type=/"text/" class=/"textbox_05/" /></td>" +
"<td align=/"left/" valign=/"middle/"><input name=/"ST_COMPANY_NAME/" type=/"text/" class=/"textbox_05/" /></td>" +
"<td align=/"left/" valign=/"middle/"><input name=/"DT_ISSUE/" type=/"text/" class=/"textbox_05/" onfocus=/"setday(this)/" /></td>" +
"<td align=/"left/" valign=/"middle/"><select name=/"ST_STATE/" class=/"selectstyle_02/">" +
"<option>请选择</option>" +
"<option>有 效</option>" +
"<option>过 期</option>" +
"<option>已注销</option>" +
"</select></td>" +
"<td width=/"66/" rowspan=/"2/" align=/"center/" valign=/"middle/" class=/"linkstyle_01/"><a href=/"#/" onclick=/"DelRow(this)/">删 除</a></td>" +
"</tr>" +
"<tr>" +
"<td width=/"151/" align=/"left/" valign=/"middle/"><select name=/"ST_CERT_TYPE/" class=/"selectstyle_02/">" +
"<option>护 照</option>" +
"</select></td>"+
"<td width=/"88/" align=/"left/" valign=/"middle/"><select name=/"ST_SEX/" class=/"selectstyle_02/">"+
"<option>男</option>"+
"<option>女</option>"+
"</select></td>"+
"<td width=/"88/" align=/"left/" valign=/"middle/"><input name=/"DT_BIRTHDAY/" type=/"text/" class=/"textbox_05/" onfocus=/"setday(this)/" /></td>"+
"<td width=/"158/" align=/"left/" valign=/"middle/"><input name=/"ST_ID_NUM/" type=/"text/" class=/"textbox_05/" /></td>"+
"<td align=/"left/" valign=/"middle/"><input name=/"ST_CONTACT/" type=/"text/" class=/"textbox_05/" /></td>"+
"<td align=/"left/" valign=/"middle/"><input name=/"DT_EXPIRE/" type=/"text/" class=/"textbox_05/" onfocus=/"setday(this)/" /></td>"+
"<td width=/"84/" align=/"left/" valign=/"middle/"><select name=/"ST_STORE_STATE/" class=/"selectstyle_02/">"+
"<option>请选择</option>"+
"<option>借 出</option>"+
"<option>归 还</option>"+
"<option>待收缴</option>"+
"</select></td>"+
"</tr>");
count();
}
);
$('input[name=submit]').click(function() {
$('form[name=form]').validate({
'input[name=ST_CERT_NUM]' : {
desc : '证件编号',
minLength : '1',
notAllowBlank : 'Y'
},
'input[name=ST_NAME]' : {
desc : '持有人姓名',
minLength : '1',
notAllowBlank : 'Y'
},
'input[name=ST_ISSUE_PLACE]' : {
desc : '发证地',
minLength : '1',
notAllowBlank : 'Y'
},
'input[name=ST_COMPANY_NAME]' : {
desc : '工作单位',
minLength : '1',
notAllowBlank : 'Y'
},
'input[name=DT_ISSUE]' : {
desc : '发证日期',
minLength : '1',
notAllowBlank : 'Y',
isDate : 'Y'
},
'input[name=ST_CERT_TYPE]' : {
desc : '证件类型',
minLength : '1',
notAllowBlank : 'Y'
},
'input[name=ST_SEX]' : {
desc : '性别',
minLength : '1',
notAllowBlank : 'Y'
},
'input[name=ST_ID_NUM]' : {
desc : '身份证号码',
minLength : '1',
notAllowBlank : 'Y',
fixedLength :'18',
isLatinLetterAndDigitString : 'Y'
},
'input[name=DT_EXPIRE]' : {
desc : '实际有效期',
minLength : '1',
notAllowBlank : 'Y',
isDate : 'Y'
},
'input[name=ST_STORE_STATE]' : {
desc : '外借状态',
minLength : '1',
notAllowBlank : 'Y'
}
}, {
success : function() {
$('form[name=form]').ajaxSubmit({
success : function(data) {
window.opener.$('#table').flexReload();
window.close();
}
});
}
});
});
});
function DelRow(obj)
{
tablelist.deleteRow(obj.parentElement.parentElement.rowIndex + 1);
tablelist.deleteRow(obj.parentElement.parentElement.rowIndex);
count();
}
function count() {
if(tablelist.rows.length > 5) {
if(num.length) {
for(var i=0;i<num.length;i++) {
num(i).innerText = i + 2;
}
} else {
num.innerText = "2";
}
}
}
</script>
</head>
<body>
<div style="margin:0 auto;width:800px;text-align:center;padding-top:10px;height:30px !important;font-size:18px;font-weight:bold">添加证件入库管理信息</div>
<form method="post" name="form" action="zjrkgl_add.do">
<table id="tablelist" width="980" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#F2C587" class="table_04" style="margin-top:10px">
<tr>
<td colspan="9" class="trstyle_02"><span style="float:left;padding-top:4px">证件信息</span> <span style="float:left;padding-left:10px"><img src="../../images/button_add_02.gif" width="75" height="20" style="cursor:hand" /></span></td>
</tr>
<tr bgcolor="#FEFCF1">
<td width="38" rowspan="2" align="center" valign="middle">序号</td>
<td align="left" valign="middle">证件编号
<span class="mark">*</span> </td>
<td align="left" valign="middle">持有人姓名
<span class="mark">*</span> </td>
<td align="left" valign="middle">出生地</td>
<td align="left" valign="middle">发证地 <span class="mark">* </span></td>
<td align="left" valign="middle">工作单位 <span class="mark">*</span></td>
<td align="left" valign="middle">发证日期 <span class="mark">*</span></td>
<td align="left" valign="middle">状 态</td>
<td width="66" rowspan="2" align="center" valign="middle">操 作</td>
</tr>
<tr bgcolor="#fefcf1">
<td width="151" align="left" valign="middle">证件类型 <span class="mark">*</span> </td>
<td width="88" align="left" valign="middle">性 别 <span class="mark">*</span></td>
<td width="88" align="left" valign="middle">出生日期</td>
<td width="158" align="left" valign="middle">身份证号码 <span class="mark">* </span></td>
<td width="210" align="left" valign="middle">联系方式</td>
<td width="87" align="left" valign="middle">实际有效期 <span class="mark">*</span></td>
<td width="84" align="left" valign="middle">外借状态 <span class="mark">*</span></td>
</tr>
<tr>
<td width="38" rowspan="2" align="center" valign="middle">1</td>
<td align="left" valign="middle"><input name="ST_CERT_NUM" type="text" class="textbox_05" /></td>
<td align="left" valign="middle"><input name="ST_NAME" type="text" class="textbox_05" /></td>
<td align="left" valign="middle"><input name="ST_BIRTH_PLACE" type="text" class="textbox_05" /></td>
<td align="left" valign="middle"><input name="ST_ISSUE_PLACE" type="text" class="textbox_05" /></td>
<td align="left" valign="middle"><input name="ST_COMPANY_NAME" type="text" class="textbox_05" /></td>
<td align="left" valign="middle"><input name="DT_ISSUE" type="text" class="textbox_05" onfocus="setday(this)" /></td>
<td align="left" valign="middle"><select name="ST_STATE" class="selectstyle_02">
<option>请选择</option>
<option>有 效</option>
<option>过 期</option>
<option>已注销</option>
</select></td>
<td width="66" rowspan="2" align="center" valign="middle"> </td>
</tr>
<tr><strong></strong>
<td width="151" align="left" valign="middle"><select name="ST_CERT_TYPE" class="selectstyle_02">
<option>护 照</option>
</select></td>
<td width="88" align="left" valign="middle"><select name="ST_SEX" class="selectstyle_02">
<option>男</option><option>女</option>
</select></td>
<td width="88" align="left" valign="middle"><input name="DT_BIRTHDAY" type="text" class="textbox_05" onfocus="setday(this)" /></td>
<td width="158" align="left" valign="middle"><input name="ST_ID_NUM" type="text" class="textbox_05" /></td>
<td align="left" valign="middle"><input name="ST_CONTACT" type="text" class="textbox_05" /></td>
<td align="left" valign="middle"><input name="DT_EXPIRE" type="text" class="textbox_05" onfocus="setday(this)" /></td>
<td width="84" align="left" valign="middle"><select name="ST_STORE_STATE" class="selectstyle_02">
<option>请选择</option>
<option>借 出</option>
<option>归 还</option>
<option>待收缴</option>
</select></td>
</tr>
</table>
</form>
<div style="width:560px;height:30px;padding-top:15px;text-align:center;margin:0px auto">
<input type="button" name="submit" value="保 存"/>
<input type="button" value="关 闭" onclick="javascript:window.close()" />
<input type="button" value="打 印" />
</div>
</body>
</html>