Question

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

检查没有id和name字段的输入框的值

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

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

Answer 1

您可以获取对它们的引用并检查它们的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;

}

Answer 2

您可以使用表单对象的elements属性，该属性将迭代表单中的input元素：

for (var i = 0; i < a.length; i++) {
  var e = a[i];
  if (e.type == 'text') {
    f(e.value);
  }
}

Answer 3

您可以按getElementsByTagName获取值，代码就像这样

var inputs = document.getElementsByTagName('input');
value1 = inputs[0].value;
value2 = inputs[1].value;

Answer 4

var inpObj = document.getElementsByTagName('input');
for(var i in inpObj){
   if(inpObj[i].type == "text"){
         alert(inpObj[i].value);
    }
}

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

Answer 5

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

基本上，只需使用HTML属性，而不使用JavaScript，您就可以通过一些验证。

如何使用javascript获取没有id和name字段的输入框的值

5 个答案: