`
Beaver's
  • 浏览: 396269 次
  • 性别: 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文档由元素、属性、文本、注释等...

    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读取properties文件

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

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

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

    java读取excel文件生成矩阵

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

    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 js 遍历一个文件夹里的指定类型的所有文件,查找文件夹中所有的html文件并可读取内容

    本话题主要关注如何使用JavaScript遍历一个文件夹,查找其中的所有HTML文件,并读取它们的内容。这里我们将深入探讨相关技术及其应用。 首先,JavaScript本身并不直接支持访问用户的本地文件系统,因为出于安全考虑...

    html静态读取excel文件

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

    js读取本地Excel

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

    java读取属性文件

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

    javascript中读取Struts2标签datetimepicker的值.doc

    总结来说,在JavaScript中读取和设置Struts2中`s:datetimepicker`的值是一个涉及客户端与服务器端交互的过程,通过合理地使用Dojo提供的API,可以非常方便地完成这一任务。希望本文能帮助开发者更好地理解和掌握这一...

    .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文件的...

    Javascript 实现的二维码产生/读取

    总的来说,这个压缩包提供了一个使用纯JavaScript实现的二维码生成与读取的完整解决方案,对于理解如何在Web环境中处理二维码非常有帮助。开发者可以通过分析和修改这些示例,来适应自己的项目需求,比如自定义样式...

    JS读取本地文件夹和图片异步加载(图片LazyLoad)

    1. 数据属性:为图片元素添加一个数据属性,存储实际的图片URL,例如`data-src`。 ```html ``` 2. 初始位置:设置图片的初始位置,比如远低于可视区域,避免图片意外加载。 ```css .lazy { position: relative;...

    html页面使用js读取扫码枪的扫码内容

    html页面使用js读取扫码枪的扫码内容

    js读取本地文件

    在给定的示例代码中,通过使用一个隐藏的`&lt;object&gt;`标签并结合JavaScript函数,实现了选择、读取以及保存本地文件的功能。下面将逐一分析这些关键部分: ##### 2.1 使用`&lt;object&gt;`标签创建ActiveX控件 ```html ...

Global site tag (gtag.js) - Google Analytics