`

自己写的多表单插入数据和几个form同时提交

阅读更多
<%@ page language="java" contentType="text/html; charset=Shift_JIS"
    pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/cop.tld" prefix="cop"%>
<cop:iniCtx id="ctx" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<script type="text/javascript" src="<%=ctx%>/js/common.js"></script>
<link href="<%=ctx%>/css/default.css" rel="stylesheet" type="text/css">
<title>Insert title here</title>
<script type="text/javascript">
function submitAll()
{
	submitMultiForm();
	var forms=document.forms;
	for(var i=0;i<forms.length;i++)
	{
		forms[i].submit();
	}
}
function submitMultiForm()
{
	var projects=document.getElementsByTagName("input");
	var str="";
	var data=[];
	var j=0;
	var count=0;
	for(var k=0;k<projects.length;k++)//这里不用用  pro in projects,获得的pro指的是数组的属性、。
	{//每3个值进行一次轮回,重新组成字符串放到数组里面,作为一行的数据
		if(count>2){data[j]=str;j++;count=0;k--;str="";continue;}
//由于需要用,连接的数据紧靠,所以Count每从0-2是一行的数组字符串的组合
		if(projects[k].id.indexOf('projectName')>=0)
		{
			str+=projects[k].value+",";
			count++;
		}
		if(projects[k].id.indexOf('isNeed')>=0)
		{	str+=projects[k].value+",";
			
			count++;
		}
		
		if(projects[k].id.indexOf('wordsCount')>=0)
		{	str+=projects[k].value+",";
			count++;
		}
	}
	//alert(k);这里K仍然有效
	projects=document.getElementsByTagName("select");
	j=0;
	for(var i=0;i<projects.length;i++)
	{
		if(projects[i].id.indexOf('wordTypeId')>=0)
		{
			//alert(projects[i].value);
			//data[j]+=projects[i].value;
			data[j]=data[j].concat(projects[i].value);
			//data[j]=data[j]+projects[i].value;
			j++;
		}
	}
	document.getElementById("hiddenData").value=data.join("|");
//对|解析的时候要用(\\|)
	//alert(document.getElementById("hiddenData").value);
}
</script>
</head>
<body>
	<fieldset>
		<legend>ログインポリシ</legend>
		<form action="<%=ctx%>/policy/loginPolicy.do" method="post">
		<table width="60%" border="0" cellspacing="1" cellpadding="3" class="contentTable">
			<tr class="defaultBGColor">
				<td class="editLabel">
					パスワード有効期間:
				</td>
				<td><input type="text" id="passwordEffective" name="passwordEffective" class="stedit"/>&nbsp;日間 (0~365)</td>
			</tr>
			<tr class="defaultBGColor">
				<td class="editLabel">
					パス-ワード変更画面表示:
				</td>
				<td><input type="text" id="passwordChange" name="passwordChange" class="stedit"/>&nbsp;日前から</td>
			</tr>
			<tr class="defaultBGColor">
				<td class="editLabel">
					ログイン有効回数:
				</td>
				<td><input type="text" id="loginTime" name="loginTime" class="stedit"/>&nbsp;回 (0~30)</td>
			</tr>
			</table>
			</form>
	</fieldset>
	<fieldset>
		<legend>ユーザ情報ポリシー</legend>
		<form action="<%=ctx%>/loginpolicy/userPolicy.do" method="post">
		<table width="60%" border="0" cellspacing="1" cellpadding="3" class="contentTable">
			<tr class="defaultBGColor">
				<td class="editLabel">
					ログインID最小桁数:
				</td>
				<td><input type="text" class="stedit" name="loginMin"/>&nbsp;文字 (1~64)</td>
			</tr>
			<tr class="defaultBGColor">
				<td class="editLabel">
					パスワード最小桁数:
				</td>
				<td><input type="text" class="stedit" name="passwordMin"/>&nbsp;文字 (1~64)</td>
			</tr>
		</table>
		<br>
		<table width="60%" border="0" cellspacing="1" cellpadding="3" class="contentTable">
			<tr class="defaultBGColor">
				<td class="editLabel" align="center">入力項目:</td>
				<td class="editLabel" align="center">項目名</td>
				<td class="editLabel" align="center">必須</td>
				<td class="editLabel" align="center">文字種</td>
				<td class="editLabel" align="center">文字数</td>
			</tr>
			<tr class="defaultBGColor">
				<td class="editLabel" align="center"> 項目1:</td>
				<td><input type="text" class="stedit" id="projectName" name="projectName"/></td>
				<td><input type="checkbox" name="isNeed" id="isNeed"/></td>
				<td><select id="wordTypeId" name="wordTypeId"><option value="1">1</option><option value="2">2</option></select></td>
				<td><input type="text" class="stedit" id="wordsCount" name="wordsCount"/></td>
			</tr>
			<tr class="defaultBGColor">
				<td class="editLabel" align="center"> 項目1:</td>
				<td><input type="text" class="stedit" id="projectName" name="projectName"/></td>
				<td><input type="checkbox" name="isNeed" id="isNeed"/></td>
				<td><select id="wordTypeId" name="wordTypeId"><option value="1">1</option><option value="2">2</option></select></td>
				<td><input type="text" class="stedit" id="wordsCount" name="wordsCount"/></td>
			</tr>
			<tr class="defaultBGColor">
				<td class="editLabel" align="center"> 項目1:</td>
				<td><input type="text" class="stedit" id="projectName" name="projectName"/></td>
				<td><input type="checkbox" name="isNeed" id="isNeed"/></td>
				<td><select id="wordTypeId" name="wordTypeId"><option value="1">1</option><option value="2">2</option></select></td>
				<td><input type="text" class="stedit" id="wordsCount" name="wordsCount"/></td>
			</tr>
			<tr><td><input type="hidden" id="hiddenData" name="hiddenData" value=""/></td></tr>
		</table>
		</form>
	</fieldset>
	<div><input type="button" value="保存" onclick="submitAll()"/><input type="button" value="キャンセル"></div>
</body>
</html>
分享到:
评论

相关推荐

    Spring-MVC-CRUD表单提交和ajax:Spring MVC CRUD应用程序(Spring MVC 5.x,hibernate 5.x,Bootstrap 3.x,JQuery,MySql)

    在这个项目中,我同时显示了CRUD操作的表单提交和Ajax。 让我们看看我们在这里得到了什么: 作者: Md Mamun Abdul Kayum 技术: Spring MVC,hibernate 4.x,Bootstrap 3.x,FontAwesome 4.x,JQuery 应用服务器...

    400个DreamWeaver插件

    mxp/在file菜单下增加一个新的命令,可以列出最近编辑的几个文件。就好象Windows开始菜单中的“文档” mxp/现在的插件真是不得了!我恨不的给每个插件都打上5分。这个插件可以做一段Flash动画,用来演示目标文件夹下...

    精通javascript

    • 11.6.htm 同时使用name和id • 11.7.htm 事件控制器的例子 • 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 ...

    Lotus Domino WEB详细 学习笔记

    42. 常用的几个按钮收集 91 43. 在WEB上从视图删除文档技巧 93 44. 在Domino Designer中使用XML数据 96 45. 在Domino Designer上执行XML 100 46. Show single category view, the next stage 107 47....

    Random form data-crx插件

    这是一个扩展,它用随机数据填充表单字段。 如果您需要快速填写表单中的许多字段,则可以单击其中一个按钮。 这对于需要测试表单工作的测试人员或创建表单的开发人员很有用。 该应用程序具有几种操作模式,第一种是...

    零基础学ASP.NET 2.0电子书&源代码绝对完整版1

    4-10.aspx Request对象几个属性的使用。 example.htm 创建表单。 example.aspx 处理表单。 4-11.aspx 使用Server对象来获取文件路径。 4-12.aspx 使用Server对象对字符进行编码。 ...

    LotusDomino学习笔记(400页涵盖代理和公式使用)

    42. 常用的几个按钮收集 91 43. 在WEB上从视图删除文档技巧 93 44. 在Domino Designer中使用XML数据 96 45. 在Domino Designer上执行XML 100 46. Show single category view, the next stage 107 47. Checkboxes in ...

    Dreamweaver 插件集

    插入一个Email的连接,可以自己指定标题、BB、BBC、以及message! ie55_scroll 自定义浏览器滚动条的特效CSS Marquee 插入滚动文字效果 scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边...

    LotusDomino学习笔记.doc

    42. 常用的几个按钮收集 91 43. 在WEB上从视图删除文档技巧 93 44. 在Domino Designer中使用XML数据 96 45. 在Domino Designer上执行XML 100 46. Show single category view, the next stage 107 47. Checkboxes in ...

    70款经典Dreamweaver插件

    Email 插入一个Email的连接,可以自己指定标题、BB、BBC、以及message! ie55_scroll 自定义浏览器滚动条的特效CSS Marquee 插入滚动文字效果 scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出...

    Lotus Domino WEB 开发技术积累-DOC(313页)

    42. 常用的几个按钮收集 91 43. 在WEB上从视图删除文档技巧 93 44. 在Domino Designer中使用XML数据 96 45. 在Domino Designer上执行XML 100 46. Show single category view, the next stage 107 47. Checkboxes in ...

    ASP.Net 图片存入数据库的实现代码

    在这篇文章中我们可以学到以下几个方面的知识: 1. 插入图片的必要条件 2. 使用流对象 3. 查找准备上传的图片的大小和类型 4.怎么使用InputStream方法? 插入图片的必要条件 在我们开始上传之前,有两件重要的事...

    超级有影响力霸气的Java面试题大全文档

     ArrayList 和Vector都是使用数组方式存储数据,此数组元素数大于实际存储的数据以便增加和插入元素,它们都允许直接按序号索引元素,但是插入元素要涉及数组元素移动等内存操作,所以索引数据快而插入数据慢,...

    在ASP.net中保存/取出图片入/从SQL数据库

    一、把图片存入数据库中用到以下几个方面的知识:1. 使用流对象2. 查找准备上传的图片的大小和类型3.怎么使用InputStream方法插入图片的必要条件1.#Form 标记的 enctype 属性应该设置成 enctype=”multipart/form-...

    十天学会ASP.net--我认为ASP.NET比ASP难很多,希望大家做好准备

    以前说到BUTTON控件CausesValidation=true/false来设置按钮提交的表单是不是被检验也就是这里的几个检验控件,如果CausesValidation=true的话按下按钮就会首先检测是不是都通过了检验控件的检验。 下面再说两点: ...

    天涯易栈VC++网页操作类

    //提交某个表单(Form) CComPtr&lt;IDispatch&gt; Object_GetFormObject(int i);//取的某个表单(Form)的对象(Object) /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~以下为网页文本框(Text)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...

    php网络开发完全手册

    1.2.2 PHP擅长的几个领域及产品介绍 5 1.2.3 PHP不适合做什么 6 1.2.4 其他案例 6 1.3 PHP的Hello, world预览 6 1.3.1 第一个PHP程序Hello, world 6 1.3.2 学习PHP应该准备哪些软件 8 1.3.3 相关知识领域的介绍 9 ...

Global site tag (gtag.js) - Google Analytics