JavaScript如何同时获得多个文本框中的值

比如页面上的表单验证是不是为空 如果有十几个文本框 就得写10几个document.getElementById('').value太麻烦了
有什么方法能 一次性获得 所有文本框中的值 把它们存到数组里 然后用for循环遍历出来一一对比是不是空值的办法呢....?
求指点 谢谢!

var box = document.getElementById("box"), // 表单

ipts = box.getElementsByTagName("input"); // input元素

for (var i = 0; i < ipts.length; i ++){

if( !ipts.item( i ).value ){ // 由于getElementByTagName()方法返回的并不是数组 所以最好这样写

alert("所有文本框都不能为空");
break;

// 这里可以这样写
// HTML里面是这样的: <input type="text" title="用户名" id="un" name="un" />
// alert( ipts.item( i ).value.title + "不能为空" );
//break;
}

}
温馨提示:内容为网友见解,仅供参考
第1个回答  2015-08-18

JavaScript获取多个文本框的值

var items=document.getElementByTagName("文本框的name");//获取所有文本框(文本框name属性设置一致)

//遍历获取文本框的值
for(var i=0;i<items.length;i++){
    //这里获取文本框的值,可以赋值给变量或者其他操作,这里只做出弹出
    alert(items[i].value);
}

第2个回答  2011-04-27
有的啊,使用JQ就可以的。JQ的$("")返回的就是数组
或是document.getElementByNames('');找个方法的返回就是个数值,你就可以document.getElementByNames('')[i]

PS:楼主的想法不错的~~
第3个回答  2011-04-27
既然是对比是否空值,那都是还要在页面给出提示“某某不能为空”,你要是把所有的都取出,如果有空,你难道提示用户 “您有个地方为空”?要考虑到用户体验度,建议楼主还是一个一个取吧,不要怕麻烦
第4个回答  2011-04-27
document.getElementByName('').value
所有的文本框的name都设置成一样的 ,这不久一下子都取到值了嘛本回答被网友采纳

JavaScript如何同时获得多个文本框中的值
var box = document.getElementById("box"), \/\/ 表单 ipts = box.getElementsByTagName("input"); \/\/ input元素 for (var i = 0; i < ipts.length; i ++){ if( !ipts.item( i ).value ){ \/\/ 由于getElementByTagName()方法返回的并不是数组 所以最好这样写 alert("所有文本框都...

javascript如何组合2个文本框的值
function aa(){ v1=document.getElementById("t1").value;v2=document.getElementById("t2").value;document.getElementById("d1").innerHTML=v1+v2;}

如何用js 将三个input的值获取相加并放到另一个input里
可以通过input标签的ID或者是class,或者是其他的标志,获得input的value值。示例代码:HTML部分: JS部分:(function(){ var aa = $('#aa').attr("value");var bb = $('#bb').attr("value");var cc = $('#cc').attr("value");var dd = Number(aa)+Number(bb)+Number(cc);...

javascript获取textfield值的问题,有点复杂
1、循环输出的多个文本框,name不要使用<%=i%>,而使用同一个名字,比如就是你说的textfield_studentName 2、使用var obj = document.getElementsByName("textfield_studentName");取出的是所有文本框的数组 3、循环obj可以进行相应的处理。以下是一段测试Demo,供参考: ...

javascript中的barcode如何获取文本框输入的内容?
第一你要给框上取个唯的的标志也就是ID 比如 <inpput type="text" id="bar1"\/> 第二你可以通过getElementById这个方法去获得这个框的对象.也就是获得这个框 var kuang1 = document.getElementById("bar1")\/\/现在这个KUANG1就代表的是这个文本框,而他的值实际上是他的一个属性,可能通过对象...

在js在怎样获取用户输入在中的值?
写onkeyup事件 js获取文本框的值个数进行判断 直接使用maxlength='20',input 加个id就可以了,然后js里用: document.getElementById("t1").value 来取得input的值。直接value去获取另外一个input里面的值。

JSP中如何同时修改两个文本框中的数值?
我可以给你个好的方法就是:onkeyup事件,就是当你键盘弹起的时候调用js函数改变另一个文本框的值。再加上onblur就可以解决复制粘贴时改变的情况了。

怎样用js实现两个输入框中的数字相加显示在第三个输入框
思路:使用value属性获取前两个文本框的值,转换为数字相加后,使用value属性设置第三个文本框的值。示例如下:1、HTML结构 +=2、javascript代码 window.onload = function(){var inputs = document.getElementsByTagName("input");for(i=0;i

提取49个文本框的值进行计算
下面这段绝对适合你的要求,随便要多少个text都可以 <SCRIPT LANGUAGE="JavaScript"> var sl = 49; \/\/此处设置 text 框数量 function add(){ var obj = document.getElementById("b");for( var i = 0; i < sl; i++ ){ var text = document.createElement("");obj.appendChild(text);}...

如何是两个textBox中输入的内容相同并同步显示
><\/asp:TextBox> var obj1 = document.getElementById("div1").firstChild;var obj2 = document.getElementById("div2").firstChild;function cc() { \/\/ alert(obj1.id);obj2.value = obj1.value;};

相似回答