xxx
2015-12-15 11:56
330 查看
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jspf/prepare.jspf" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<%@include file="/WEB-INF/jspf/head.jspf" %>
<title><spring:message code="application.title"/></title>
<%-- <script type="text/javascript">
$(function(){
$("form").attr("onsubmit", "return checkMustInputData()");
});
function checkInputData(event, reg, errMsg) {
if (!reg || reg.source=="^$") {
return true;
}
var control = event.target || event.srcElement;
if (!$(control) || !$(control).val()) {
return true;
}
var testResult = reg.test($(control).val());
if (!testResult) {
if (errMsg) {
alert(errMsg);
} else {
alert('请输入' + reg.source + '的格式的数据');
}
reg = null;
return false;
}
reg = null;
return true;
}
function checkMustInputData() {
var checkReuslt = true;
var errMsg = '';
$("[data-rule-required='true']").each(function(idx, el) {
var value = $(el).val();
if (!value) {
checkReuslt = false;
errMsg += $(el).data('displayName') + '不能为空\n';
}
});
if (!checkReuslt) {
alert(errMsg);
return false;
}
//需要同意条款
if(!$(".btn-center [type=checkbox]").is(":checked")) {
alert("请先阅读条款并同意");
checkReuslt = false;
}
return checkReuslt;
}
</script> --%>
</head>
<body class="${principal.skin} ${principal.navbarFixed?'navbar-fixed':''}">
<%@include file="/WEB-INF/jspf/body-first.jspf" %>
<form class="form-horizontal validate" method="post" role="form" id="theForm">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td colspan="5" style="text-align: center;" class="h3 success">提交流程</td>
</tr>
<tr>
<th style="width:4em;">序号</th>
<th>必须</th>
<th>字段</th>
<th>说明</th>
<th>输入</th>
</tr>
</thead>
<tbody>
<c:forEach items="${formData}" var="cur" varStatus="status">
<tr>
<td class="center"><input type="checkbox" name="pks" value="${cur.id}"/></td>
<td>${status.count}</td>
<td><input type="checkbox" disabled="disabled" ${cur.mustInput? "checked":""}/></td>
<td>${cur.displayName }</td>
<td>${cur.remark }</td>
<td>
<c:choose>
<c:when test="${cur.controlType==2}">
<select class="form-control input-lg" name="${cur.name }" data-rule-required="${cur.mustInput}">
<c:forEach items="${cur.tcodes }" var="item">
<option value="${item.codeName }">${item.codeName }</option>
</c:forEach>
</select>
</c:when>
<c:when test="${cur.controlType==3}">
<textarea class="form-control input-lg" name="${cur.name}" placeholder="${cur.displayValue }" data-displayName="${cur.displayName }" data-rule-required="${cur.mustInput}"
onchange="return checkInputData(event, new RegExp('^${cur.inputReg}$', 'mg'), '${cur.inputCheckMsg}')">
</textarea>
</c:when>
<c:when test="${cur.controlType==4}">
<input type="file" name="${cur.name}" placeholder="${cur.displayValue }" data-rule-required="${cur.mustInput}" ${cur.multiple?'multiple':'' } />
</c:when>
<c:otherwise>
<input class="form-control input-lg" type="text" name="${cur.name }" placeholder="${cur.displayValue }" data-rule-required="${cur.mustInput}"
onchange="return checkInputData(event, new RegExp('^${cur.inputReg}$', 'mg'), '${cur.inputCheckMsg}')"/>
</c:otherwise>
</c:choose>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="clearfix form-actions">
<div class="btn-center" style="text-align:center;">
<label class="checkbox-inline">
<input type="checkbox" value="1"> <a href="javascript:void(0);">同意"服务条款"和"用户须知"</a>
</label>
</div>
<div class="col-sm-offset-3 col-sm-9">
<button type="submit" class="btn btn-primary">
<i class="icon-ok bigger-110"></i>
确定提交
</button>
<button type="button" class="btn btn-info action-back">
<i class="icon-undo bigger-110"></i>
取消返回
</button>
</div>
</div>
</form>
</body>
</html>
<%@include file="/WEB-INF/jspf/prepare.jspf" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<%@include file="/WEB-INF/jspf/head.jspf" %>
<title><spring:message code="application.title"/></title>
<%-- <script type="text/javascript">
$(function(){
$("form").attr("onsubmit", "return checkMustInputData()");
});
function checkInputData(event, reg, errMsg) {
if (!reg || reg.source=="^$") {
return true;
}
var control = event.target || event.srcElement;
if (!$(control) || !$(control).val()) {
return true;
}
var testResult = reg.test($(control).val());
if (!testResult) {
if (errMsg) {
alert(errMsg);
} else {
alert('请输入' + reg.source + '的格式的数据');
}
reg = null;
return false;
}
reg = null;
return true;
}
function checkMustInputData() {
var checkReuslt = true;
var errMsg = '';
$("[data-rule-required='true']").each(function(idx, el) {
var value = $(el).val();
if (!value) {
checkReuslt = false;
errMsg += $(el).data('displayName') + '不能为空\n';
}
});
if (!checkReuslt) {
alert(errMsg);
return false;
}
//需要同意条款
if(!$(".btn-center [type=checkbox]").is(":checked")) {
alert("请先阅读条款并同意");
checkReuslt = false;
}
return checkReuslt;
}
</script> --%>
</head>
<body class="${principal.skin} ${principal.navbarFixed?'navbar-fixed':''}">
<%@include file="/WEB-INF/jspf/body-first.jspf" %>
<form class="form-horizontal validate" method="post" role="form" id="theForm">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td colspan="5" style="text-align: center;" class="h3 success">提交流程</td>
</tr>
<tr>
<th style="width:4em;">序号</th>
<th>必须</th>
<th>字段</th>
<th>说明</th>
<th>输入</th>
</tr>
</thead>
<tbody>
<c:forEach items="${formData}" var="cur" varStatus="status">
<tr>
<td class="center"><input type="checkbox" name="pks" value="${cur.id}"/></td>
<td>${status.count}</td>
<td><input type="checkbox" disabled="disabled" ${cur.mustInput? "checked":""}/></td>
<td>${cur.displayName }</td>
<td>${cur.remark }</td>
<td>
<c:choose>
<c:when test="${cur.controlType==2}">
<select class="form-control input-lg" name="${cur.name }" data-rule-required="${cur.mustInput}">
<c:forEach items="${cur.tcodes }" var="item">
<option value="${item.codeName }">${item.codeName }</option>
</c:forEach>
</select>
</c:when>
<c:when test="${cur.controlType==3}">
<textarea class="form-control input-lg" name="${cur.name}" placeholder="${cur.displayValue }" data-displayName="${cur.displayName }" data-rule-required="${cur.mustInput}"
onchange="return checkInputData(event, new RegExp('^${cur.inputReg}$', 'mg'), '${cur.inputCheckMsg}')">
</textarea>
</c:when>
<c:when test="${cur.controlType==4}">
<input type="file" name="${cur.name}" placeholder="${cur.displayValue }" data-rule-required="${cur.mustInput}" ${cur.multiple?'multiple':'' } />
</c:when>
<c:otherwise>
<input class="form-control input-lg" type="text" name="${cur.name }" placeholder="${cur.displayValue }" data-rule-required="${cur.mustInput}"
onchange="return checkInputData(event, new RegExp('^${cur.inputReg}$', 'mg'), '${cur.inputCheckMsg}')"/>
</c:otherwise>
</c:choose>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="clearfix form-actions">
<div class="btn-center" style="text-align:center;">
<label class="checkbox-inline">
<input type="checkbox" value="1"> <a href="javascript:void(0);">同意"服务条款"和"用户须知"</a>
</label>
</div>
<div class="col-sm-offset-3 col-sm-9">
<button type="submit" class="btn btn-primary">
<i class="icon-ok bigger-110"></i>
确定提交
</button>
<button type="button" class="btn btn-info action-back">
<i class="icon-undo bigger-110"></i>
取消返回
</button>
</div>
</div>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery中的设计模式（一）
- session过期时间
- BZOJ 3426 && CodeChef/CHANGE
- JQuery获取与设置HTML元素的内容或文本的实现代码
- Android中关于SQLite的操作
- Android:ContentProvider 随记
- 杭电2616Kill the monster（BFS过）（标记结构体解法）
- 解决ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)
- netty 粘包问题处理
- 使用greenDAO生成DAO代码
- 课后作业——用lastIndexOf判断是否是字符串的最后一位
- QQ第三方登陆-极简版
- IIS7 经典模式和集成模式的区别
- 分区模型空白格-报表系统报表模型
- USB OTG插入检测识别
- 什么是面向过程与面向对象
- JavaScript基础——事件
- 利用 os.stat 判断文件是否损
- navicat使用跳板机连接数据库-ssh(sqlyog同理)
- web 测试使用的chrome插件