社区
JavaScript
帖子详情
用js遍历一个控件对象下面的input属性的对象
qianhen136
2010-10-12 11:33:16
请问如果去实现这样的一个遍历:
在js方法中,传入一个div对象,然后去遍历div里面的input的对象,并取得它的值。
input对象的id都是系统自动生成的且无法自定义。
请高手指教!
...全文
192
4
打赏
收藏
用js遍历一个控件对象下面的input属性的对象
请问如果去实现这样的一个遍历: 在js方法中,传入一个div对象,然后去遍历div里面的input的对象,并取得它的值。 input对象的id都是系统自动生成的且无法自定义。 请高手指教!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qianhen136
2010-10-12
打赏
举报
回复
哈哈。。。谢谢各位大虾了!!
我真是一时没反应过来。。哈哈
shaoliang520xi
2010-10-12
打赏
举报
回复
<div id="div1">
<input id="Text1" type="text" value="1"/>
<input id="Text2" type="text" value="2"/>
<input id="Text3" type="text" value="3"/>
</div>
<script type="text/javascript" language="javascript" src="JQuery.js"></script>
<script type="text/javascript" language="javascript">
function a(div)
{
$("#"+div +" input").each(function(){
alert($(this).val());
})
}
$(document).ready(function(){
a('div1');
})
</script>
记得给分
shaoliang520xi
2010-10-12
打赏
举报
回复
记得给分噢!
<script type="text/javascript" language="javascript" src="JQuery.js"></script>
<script type="text/javascript" language="javascript">
function a(div)
{
$("#"+div +" input").each(function(){
alert($(this).val());
})
}
$(document).ready(function(){
a('div1');
})
</script>
<div id="div1">
<input id="Text1" type="text" value="1"/>
<input id="Text2" type="text" value="2"/>
<input id="Text3" type="text" value="3"/>
</div>
zell419
2010-10-12
打赏
举报
回复
div.getElementsByTagName("input");
Javascript
遍历
页面text
控件
详解
以下函数实现了列出页面中所有html
控件
类型为text的
控件
ID 代码如下: function Texts() { //var els= document.getElementsByTagName(“*”); //els得到页面所有
控件
var els= document.getElementsByTagName(“
INPUT
”); //上面的也可,这样可以减少循环 var msgs=””; for (var i=0;i<els.length;i++ )
js
实现
遍历
含有
input
的table实例
主要介绍了
js
实现
遍历
含有
input
的table方法,结合实例形式分析了
js
p读取数据库动态生成table及JavaScript
遍历
table的相关技巧,需要的朋友可以参考下
javascript客户端
遍历
控件
与获取父容器
对象
示例代码
1,
遍历
也面中所有的
控件
function findControlAll() { var
input
s=document.getElementsByTagName(“
input
”); for(j=0;j<
input
s.length;j++) if(
input
s[j].type==”text”) //这儿将页面所有类型为text的
控件
找出来,也可以设置成你想
遍历
的
控件
类型 {
input
s[j].value=””; //清空文本框的内容 } }2,
遍历
指定容器中的
控件
functi
客户端统一验证JavaScript函数库及示例源码
1.引言 几乎所有的Web项目开发都需要客户端验证,尤其是JavaScript的使用,
JS
结合Html和CSS占据了网页展现市场,不管采用什么技术我们在网页看到的东西最终生成都是这些代码所表示含义。 Web应用如此广泛,其中客户端与服务端交互时所消耗的资源及响应时间,频繁的刷新页面使得人机交互体验极为不好,而对每个页面使用客户端处理技术无疑又加大项目开发周期,脚本调试及修改维护的工作量将占用大量的开发时间,验证
控件
须对每个
控件
的元素进行设置且会对页面整体的布局带来影响,占据着页面布局空间的位置,综合考虑及项目整体风格的统一等多种因素中,总得有个折中的考虑。Chk
Input
s.
js
应运而生,使用它不需要编写多少代码,只需对验证元素简单配置一下即可,使用方便,也不会影响页面的布局,并可以精确判断客户端输入框的长度、必填、数据类型(整数型、浮点型、字母型、数字字母混合型)和下拉框等,及对需要验证的
控件
分组验证等。同时提供许多常用的公共函数如类似C#中Trim()方法等。 使用Chk
Input
s.
js
,会将光标定位到验证不通过的
控件
上,若
控件
上有文本同时将其文本选中高亮度显示,不会刷新页面,只有当所有验证通过时才会将结果提交到后台处理,可以使用鼠标或纯键盘及相结合的方式来操作。 2.Chk
Input
s.
js
的使用: Chk
Input
s.
js
的使用极为方便,你可以直接将自定义
属性
像这样添加在Web页面, <
input
name="TextBox1" type="text" id="TextBox1" chinese="测试输入框" maxsize="6" nullable="no" datatype="number" /> 也可以在后台代码里这样添加,如在.net下.aspx.cs代码里这样写: this.TextBox1.Attributes.Add("chinese", "测试输入框");//
控件
名称 this.TextBox1.Attributes.Add("maxsize", "6");//
控件
接受的字符长度大小 this.TextBox1.Attributes.Add("nullable", "no");//不可为空,默认可为空 this.TextBox1.Attributes.Add("datatype", "number");//
控件
数据类型 两者代码是一样的,不过一般在后台代码(.cs)写好写,因为这样写有利于项目的维护修改。当页面的
控件
元素都设置好时,客户端代码通常只需这样写即可: 首先在页面head区域内定义
一个
这样的
JS
函数 <script language="javascript"> //例一,全部验证,比较常用,基本满足一般所有的验证功能 function CheckInfoAll() { return verifyAll(document.getElementById("form1")); } Input(document.getElementById("TextBox1")); 分组验证同
一个
页面的元素最多可分六组(够用的了),各组之间互不影响,示例代码如下: //验证页面所属组group1="group1"的元素 function CheckAllGroup1() { return verifyAllByGroup1(document.getElementById("form1"),"group1") } 其它更多的使用详细代码可见附件示例代码所示。 3.Chk
Input
s的结构及原理: 这里先简要介绍一下文档
对象
模型(DOM)与树状结构,DOM可以让HTML元素与其
属性
,利用
JS
程序来控制。有两种方法将
JS
程序用于文档的元素:通过元素的名称和通过树状结构。这两个方法并非独立的,可能同时存在于相同的脚步中。 基本上
对象
是可以用脚步控制,或者可编程元素,拥有
属性
(Property)、事件(Event)以及方法(Method)。
JS
把所有网页元素、屏幕上可见的画面区域,以及浏览器的窗口都当成可编程的
对象
。所以,只要通过程序,你就可以控制这些
对象
的
属性
,执行其方法,以及捕捉这些事件等。
对象
都有
属性
,有的
属性
就是
对象
本身。试想将人体当成
对象
,如果以分级的方式来看,人体
对象
有个躯干
属性
,而躯干有个心脏
属性
,心脏里还有心室
属性
。这些身体的零件都属于
属性
,而且全部都与人体
对象
之间有逻辑化的层次关系。 同样地,任何JavaScript这类面向
对象
程序语言的元素,也都是
对象
。这些
对象
都通过分级系统,作为主体的一部分。举例来说,浏览器窗口是
一个
对象
,包含了几个文档
对象
,这些
对象
进而形成其他
对象
,依此类推,这个分级会变得很长。 由于面向
对象
的本质,JavaScript允许
对象
、
对象
的
属性
以及其事件都通过脚本来控制。也因为大部分网页浏览器都支持JavaScript,所以它是网页设计时最适合的客户端语言。Chk
Input
s.
js
就是通过JavaScript并结合DOM
对象
的自定义的
属性
而编写的。当使用时,Chk
Input
s.
js
会自动
遍历
DOM的元素,逐个检测直到所以验证完毕为止,由于事件触发在客户端响应非常及时,不会刷新页面。 该函数库提供许多函数库,就不一一列举了,这里举几个代表性的函数例子加以解释说明,先介绍
一个
频率用的最多的函数,如函数verifyAll,定义如下: function verifyAll(myform) {…………..} 参数myform指代验证的表单,可以比作验证树DOM的根,之后的JavaScript会
遍历
所有元素(elements),逐个检验,若没有设置验证则直接跳过,若有
一个
验证不通过,都不会将表单提交,并将光标定位到该处(focus()),若有文本同时高亮度选中该文本(select())。同样其他函数的原理也是类似。 另外,其他函数如数据长度的验证,是验证内容的实际字节的长度,即汉字两个字节英文及数字两个字节,判断依据ASCII值,计算机在设计字符存储的时候就是超过
一个
字节的ASCII字符都是以两个字节存放的。同时JavaScript提供了Scripting. FileSystemObject
对象
,GetFileSize(…)可直接取得待上传文件的字节大小,但也有限制就是客户端浏览须启用ActiveX插件,若没有启用时,会提示用户按步骤设置。CancelClientEvent()是使用事件冒泡阻止了事件的继续执行,同时设置返回值,最终成功阻止事件的继续往后执行,当在客户端触发一要回发的按钮事件是,想在程序里结束让其继续执行时,以往则不是很好处理,如Enter键,这里此方法则大显用武之地。 附有Chk
Input
s.
js
完整的源代码及实例代码。
javascript表单
控件
实例讲解
本文实例为大家分享
js
表单
控件
多个实例讲解,供大家参考,具体内容如下 实例一:
遍历
表单的所有
控件
[removed] //
遍历
表单的所有
控件
function getValues(){ var f = document.forms[0]; //获取表单DOM var elements = f.elements; //获取所有的
控件
数组 var str = ''; //拼接字符串 //循环
遍历
for(var i=0; i<elements.length; i++){
JavaScript
87,909
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章