4

我有一个带有 3 个输入框的表单，并且所有输入框都没有 id、name 字段。因此，如果我在其中输入值，如何使用 javascript 检查没有 id 和 name 字段的输入框的值

<form id='a' action='' >
    <input type='text' value='' />
    <input type='text' value='' />
</form>

这是 html 中的代码，我想使用 javascript 获得输入框的值。我可以这样做吗？

4

5 回答 5

2

您可以参考他们并检查他们的value财产。

对于支持较新浏览器的奢侈...

[].forEach.call(document.querySelectorAll("#a input[type='text']"),
               function(input) {
                   var value = input.value;
               });

如果您需要支持那些似乎仍然存在的烦人浏览器，只需编写更多代码，您就可以了。

var inputs = document.getElementById("a").getElementsByTagName("input");
var i;
var length;
var value;

for (i = 0, length = inputs.length; i < length; i++) {
     // Check we have [type='text']
     if (inputs[i].type != "text") {
         continue;
     }
     value = inputs[i].value;

}
于 2012-10-16T11:48:17.427 回答
1

您可以通过获取值getElementsByTagName，代码将是这样的

var inputs = document.getElementsByTagName('input');
value1 = inputs[0].value;
value2 = inputs[1].value;
于 2012-10-16T11:53:16.373 回答
1

您可以使用elements表单对象的属性，它将仅遍历input表单内的元素：

for (var i = 0; i < a.length; i++) {
  var e = a[i];
  if (e.type == 'text') {
    f(e.value);
  }
}
于 2012-10-16T12:05:56.947 回答
0 
var inpObj = document.getElementsByTagName('input');
for(var i in inpObj){
   if(inpObj[i].type == "text"){
         alert(inpObj[i].value);
    }
}

此代码将提醒所有输入文本字段。

于 2012-10-16T11:57:46.670 回答
0

看起来您想要进行表单验证。对于 HTML5 中的表单验证，请查看此资源： http ://www.the-art-of-web.com/html/html5-form-validation/

基本上，您只需使用 HTML 属性就可以完成一些验证，而无需使用 JavaScript。

于 2012-10-16T12:11:39.727 回答