`
Beaver's
  • 浏览: 394597 次
  • 性别: Icon_minigender_2
  • 来自: 天津
社区版块
存档分类
最新评论

JS 读取 HTML 中同一 NAME 属性值的多个参数

    博客分类:
  • java
阅读更多
我们通常读取的都是根据 HTML 中的标签的不同的 NAME 值来获取 Parameter 的,但是,如果有多个标签是相同的 NAME  值呢?比方说 HTML 如下的网页:

<form id="loginForm" method="post" action="login" onsubmit="return checkForm(loginForm)">
         <div>Username:<input class="input" type="text" name="name" value=""/><div>
         <div>Password:<input class="input" type="text" name="name" value=""/><div>
         <input type="submit" value="Submit"/>
<form> 
 

可以参考一下代码进行解决:
<script type="text/javascript">
function checkForm(form){
        var flag = true;
	var nameArray = document.getElementsByName('name')
	for(var i=0;i<nameArray .length;i++){
		 if(nameArray [i].value==""){
			 flag = false;
			 break;
		 }
	}
	if(flag == false){
		window.alert("用户名或密码不能为空");
	}
	return flag;
}
</script>



如果用 Servlet 读取 HTML 中同一 NAME 属性值的多个参数

此时我们可以参照如下代码解决问题:
   1:  String[] values = req.getParameterValues("name");
   2:  if (values.length == 1) {
   3:      if (values[0].length() != 0) {
   4:          resp.getWriter().println("" + values[0] + "");
   5:      } else {
   6:          resp.getWriter().println("空值");
   7:      }
   8:  } else {
   9:      for (String s : values) {
  10:          resp.getWriter().println("" + s + "");
  11:      }
  12:  }

也就是调用 getParameterValues("name") 来读取多个值。
此外,我们还可以通过 getParameterMap() 来实现:
   1:  Map parasMap = req.getParameterMap();
   2:  Set> parasSet = parasMap.entrySet();
   3:  for (Map.Entry s : parasSet) {
   4:      String[] values = s.getValue();
   5:      for (String val : values) {
   6:          if (val.length() != 0) {
   7:              resp.getWriter().println("" + val + "");
   8:          } else {
   9:              resp.getWriter().println("空值");
  10:          }
  11:      }
  12:  }


参考链接:
http://blog.csdn.net/mzule/article/details/6193870
分享到:
评论

相关推荐

    用JS(javascript)从另一个html中读取标题和正文body

    在JavaScript中,从一个HTML文件读取另一个HTML文件的标题和正文body是常见的跨文档通信需求,这在处理网页间的数据交互或者动态加载内容时尤为有用。以下将详细讲解实现这一功能的方法、步骤以及相关知识点。 首先...

    读取XML属性值.rar

    这个“读取XML属性值.rar”压缩包可能包含了一个示例或工具,用于演示如何在编程中读取XML文档中的属性值。 在读取XML属性值时,我们通常会用到以下知识点: 1. XML的基本结构:XML文档由元素、属性、文本、注释等...

    js读取csv文件并使用json显示出来

    在介绍如何使用JavaScript(简称JS)读取CSV文件并使用JSON格式进行展示之前,我们先来了解几个基础概念。 CSV文件是逗号分隔值(Comma-Separated Values)文件的简称,是一种简单的文件格式,用于存储表格数据,...

    JavaScript获取网页表单action属性的方法

    以下是一个JavaScript代码示例,演示了如何输出表单的action属性值: ```javascript document.write(document.getElementById("frm1").action); ``` 这段代码通过`document.getElementById()`方法获取了id为"frm...

    HTML读取Excel表内容的js插件

    9. **使用示例**:一个简单的使用`js-xlsx`读取Excel文件并显示在HTML表格的示例: ```javascript var reader = new FileReader(); reader.onload = function(e) { var binaryString = e.target.result; var ...

    js中cookie的创建和读取单个cookie值

    js中cookie的创建和读取单个cookie值,以及设置cookie的过期时间。 能够判断是否有自己需要查找的cookie,如果没有查到到就可以执行创建语句

    js读取properties文件

    由于.js直接解析.properties文件并不方便,因此通常会使用第三方库,如`js-properties`,它提供了一个简单的API来读取和写入.properties文件。首先,你需要通过npm安装这个库: ``` npm install js-properties ...

    js传参数到后台读取数据再传到前台的例子

    本文将详细介绍如何使用JavaScript传递参数到后台,读取数据库数据,然后将这些数据返回到前端进行处理。 首先,让我们理解基本概念: 1. **Ajax**:Asynchronous JavaScript and XML(异步JavaScript和XML),...

    html页面中js一行一行读取txt文件并排序显示_仅IE浏览器执行.zip

    HTML页面中的JavaScript通常用于增强用户体验,...总的来说,这个示例是一个关于如何利用JavaScript在IE浏览器中实现本地文件读取和排序的实践,它提醒我们在开发时要考虑浏览器的兼容性问题,并寻找更通用的解决方案。

    java读取excel文件生成矩阵

    如果每个对象有多个属性值,可以先将所有对象的属性值存储在一个Map或List中,然后根据需要的属性组合生成矩阵。例如,如果有用户对象包含名字(name)、年龄(age)和城市(city)属性,可以先遍历Excel文件构建用户对象...

    JS读取COOKIE.txt

    这段代码定义了一个名为`GetCookie`的函数,用于从当前页面的`document.cookie`中获取指定名称的Cookie值。 - **参数**: `name` - 需要获取的Cookie名称。 - **返回值**: 返回指定名称的Cookie值。如果未找到,则...

    pdf.js读取pdf文档

    PDF.js是Mozilla开发的一个开源项目,专门用于在Web浏览器中渲染PDF文档,无需依赖任何插件。这个项目的核心目标是提供一个跨平台、基于JavaScript的解决方案,使得用户可以在任何支持HTML5的浏览器上查看PDF文件。...

    js读取本地excel文档数据

    1. **SheetJS**:一个用于解析和生成电子表格的JavaScript库,可以在各种环境中运行,包括Node.js和浏览器。 2. **FileReader API**:HTML5引入的新API,允许Web应用程序异步读取用户机器上的文件(例如照片、视频或...

    html静态读取excel文件

    接着,我们需要一个JavaScript库来解析Excel文件。常用的库有` SheetJS`(又名`xlsx`)或者`js-xlsx`。这两个库都可以将Excel文件解析为JSON格式,便于在JavaScript中处理。以`SheetJS`为例,可以使用以下代码读取...

    js读取本地Excel

    在JavaScript(简称JS)中,读取本地Excel文件并将其数据在网页上以表格形式展示是一种常见的需求,尤其是在Web应用程序中处理用户上传的数据时。为了实现这个功能,我们需要借助一些库和API,因为浏览器本身并不...

    js读取本地文件到字节数组

    1. **读取文件**:`readAsArrayBuffer` 方法异步读取文件内容,并返回一个 ArrayBuffer 对象。 2. **转换为 Uint8Array**:通过 `new Uint8Array(arrayBuffer)` 将 ArrayBuffer 对象转换为 Uint8Array 对象。 3. **...

    JS读取解析Excel

    // 选择第一个工作表 var oSheet = oWB.ActiveSheet; // 获取当前活动工作表 var rows = oSheet.UsedRange.Rows.Count; // 获取有效行数 // 遍历行,进行数据验证 for (var i = 2; i ; i++) { // 省略部分代码...

    java读取属性文件

    下面将详细解释如何在Java中读取属性文件,并提供一个示例来帮助理解。 首先,Java提供了`java.util.Properties`类来处理属性文件。这个类包含了加载、保存、设置和获取属性的方法。以下是读取属性文件的基本步骤:...

    .NET获取Html字符串中指定标签的指定属性的值

    例如,我们可能需要从一个包含多个`&lt;img&gt;`或`&lt;a&gt;`标签的HTML字符串中提取出`src`或`href`属性的值。本文将详细介绍如何通过C#语言实现这一功能。 #### 核心概念解析 1. **HTML字符串处理**:在Web开发中,我们经常...

    Javascript 读取Excel实例

    - **xlsx**:这是一个广泛使用的库,支持读写.xlsx文件,甚至部分.xls文件。它能解析Excel文件为JSON格式,方便进一步处理。 - **js-xlsx**:这是xlsx库的旧名,功能与xlsx相同,提供读取、写入和操作Excel文件的...

Global site tag (gtag.js) - Google Analytics