`

自己写的多表单插入数据和几个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>
分享到：
| 谈谈Javascript的this指针
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Submit-the-form.rar_form 提交_提交表单

    在ASP处理表单数据时，有以下几个重要的步骤： 1. 检查数据：确保用户提交的数据符合预期格式，比如邮箱地址、电话号码等。可以使用条件语句和正则表达式来验证。 2. 清洗数据：防止SQL注入等安全问题。通过转义...

    php解决和避免form表单重复提交的几种方法

    在PHP开发中，确保表单数据的一致性和避免重复提交是一个重要的问题，因为这可能导致数据库中的数据冗余，甚至可能引发安全风险。以下是一些常用的防止表单重复提交的方法： 1. **JavaScript禁用提交按钮**： 当...

    php连接mysql数据库并用表单插入一条数据.pdf

    在本例中，我们创建一个简单的表单，包括股票名称、股票代码、上市日期、最新价格、更新日期和是否清除几个字段。 ``` &lt;form action="insert.php" method="post"&gt; 股票名称：&lt;/label&gt;&lt;input type="text" name=...

    SAP SCRIPTFORM 学习例子

    在学习SAP Scriptform时，你将接触到以下几个关键概念： 1. **Text Elements**：这是构成Form的基本单元，可以是文本、变量、字段等，用于展示和处理数据。 2. **Font Tables**：定义字体样式和大小，可以自定义以...

    一个简单的表单demo通过HTML+ASP+ACCESS实现

    总的来说，这个简单的表单demo涵盖了Web开发中的几个关键点：静态内容的表示（HTML），动态内容的生成和数据处理（ASP），以及数据的存储（ACCESS数据库）。对于初学者，理解这个demo可以帮助他们了解Web应用的基本...

    jsp表单添加存储数据表格显示

    本主题聚焦于“jsp表单添加存储数据表格显示”，这涉及到几个关键的知识点，包括JSP表单处理、数据存储以及在网页上以表格形式展示数据。 首先，我们来看JSP中的表单处理。在HTML中，`&lt;form&gt;`元素用于创建表单，...

    几个实用的 jQuery 表单操作代码片段

    在表单操作中，jQuery 提供了一系列方便的API，使得开发者可以更加高效地管理表单数据和用户交互。以下是一些实用的jQuery表单操作代码片段，它们涵盖了表单的常见需求。 1. **禁用‘回车键’提交表单**： 当用户...

    动态添加删除表单元素

    此外，为了在提交表单时能够正确处理这些动态数据，可能需要自定义表单提交事件，或者使用AJAX异步提交。 四、优化用户体验 为了让用户体验更好，可以考虑以下几点： - 添加动画效果：在添加或删除元素时，加入...

    ext.net写的formgroup

    1. **布局管理**：`FormGroup`提供了一种将多个表单字段（如文本框、复选框等）组合在一起的容器，可以方便地进行布局和对齐，使表单看起来更有结构和秩序。 2. **样式控制**：通过`FormGroup`，你可以为一组相关的...

    插入表单form上下都会空出一行的解决方法

    在网页设计与开发中，表单(form)元素扮演着十分重要的角色，它负责收集和提交用户信息。但在实际的HTML文档中插入表单元素时，经常会出现一个常见的问题：表单的上方和下方会自动出现空行，这会干扰到页面的整体布局...

    Java生成数据表单.rar

    表单的创建主要涉及以下几个关键知识点： 1. HTML表单元素：HTML中的`&lt;form&gt;`标签用于定义表单，`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`等标签用于创建各种类型的输入控件。例如，`&lt;input type="text"&gt;`用于创建文本...

    表单提交(插入效果)javascript

    它允许用户通过填写表单中的字段来提交数据到服务器端进行处理。表单提交通常涉及以下几个关键步骤： 1. **创建表单**：在HTML中定义一个表单元素`&lt;form&gt;`。 2. **输入字段**：为用户提供输入数据的字段，如文本框、...

    表单处理系统Ver1.0Beta版

    表单处理系统的实现通常包括以下几个关键步骤： 1. **表单设计**：创建HTML表单，定义输入字段，设置提交动作指向服务器上的ASP处理程序。 2. **数据验证**：在客户端（JavaScript）和服务器端（ASP）进行，确保...

    ASP同时上传文本和图片到数据库代码

    在ASP中实现这个功能，需要理解几个关键点： 1. **表单提交**：首先，你需要在HTML页面中创建一个包含文本输入框和文件上传控件的表单。`&lt;input type="text"&gt;`用于接收文本输入，`&lt;input type="file"&gt;`则允许用户...

    JS传大量数据给PHP

    // 检查是否通过POST提交数据 if ($_SERVER['REQUEST_METHOD'] === 'POST') { // 验证和清理数据（这里仅示例，实际应用应更严谨） $field1 = filter_var($_POST['field1'], FILTER_SANITIZE_STRING); // 连接...

    dreamweaver 表单

    - **确保表单的完整性和正确性**：检查表单中的所有字段是否齐全，且每个字段的名称（name属性）不重复，这是数据提交和处理的基础。 - **合理布局与设计**：良好的表单设计不仅能提升用户体验，还能减少错误输入，...

    HTML网页设计(表单元素).doc

    1. 表单可以在文档的主体中任何位置插入，但所有表单元素需置于`&lt;form&gt;`和`&lt;/form&gt;`之间。 2. `form`标签有多个属性，例如`dir`定义文本方向，`lang`用于设定语言信息，`align`控制对齐方式，`class`关联预定义的...

    jQuery自定义表单.zip

    在网页开发中，表单是一个不可或缺的元素，用于收集用户数据和实现交互。jQuery作为一款强大的JavaScript库，极大地简化了DOM操作，使得创建动态、交互性强的表单变得轻而易举。本教程将深入探讨如何利用jQuery实现...

    超强jquery表单验证

    表单验证能够确保用户输入的数据符合预设的规则，从而减少服务器端的负担，提高数据处理效率，同时也能提供实时的用户反馈，增强用户互动体验。 首先，我们需要理解表单验证的基本概念。在HTML中，`&lt;form&gt;`元素用于...

    Submit_form:用ajax提交，然后数据将保存在MySQL数据库中

    "Submit_form:用ajax提交，然后数据将保存在MySQL数据库中"这个主题涵盖了几个关键知识点，包括HTML表单、Ajax异步通信以及后端数据存储。下面我们将深入探讨这些技术。 首先，HTML（超文本标记语言）是构建网页的...

Magicbox
Global site tag (gtag.js) - Google Analytics