Javascript 仅获取输入类型文本，而不获取选择器字段

在ablove代码中，我只想获取输入字段attribute3。如果我尝试使用javascript文档.getElementsByClassName'inputfield'，它将获得attribute1和attribute3。但是我希望attribute3的值验证这些值。 请提供javascript验证代码。

您可以使用

请注意，它返回一个NodeList对象，表示 具有指定名称的元素的集合。中的元素 返回的集合按其在源代码中的显示进行排序。因此，如果要验证其值，可能需要执行document.getElementsByNameattribute3[0].value

所以我建议，如果您为元素提供ID，并使用getElementById，它将返回单个元素，因为ID在DOM中是唯一的

更新

要获取所有输入类型=文本元素，请使用

例如：

你可以用

请注意，它返回一个NodeList对象，表示 具有指定名称的元素的集合。中的元素 返回的集合按其在源代码中的显示进行排序。因此，如果要验证其值，可能需要执行document.getElementsByNameattribute3[0].value

所以我建议，如果您为元素提供ID，并使用getElementById，它将返回单个元素，因为ID在DOM中是唯一的

更新

要获取所有输入类型=文本元素，请使用

例如：

---

如果你想要纯JavaScript，你可以考虑如下：

var nodes = document.querySelectorAll("#yourformid input[type=text]");
for (var i=0; i<nodes.length; i++)
{
    //get the value using nodes[i].value
}

---

如果你想要纯JavaScript，你可以考虑如下：

var nodes = document.querySelectorAll("#yourformid input[type=text]");
for (var i=0; i<nodes.length; i++)
{
    //get the value using nodes[i].value
}

---

根据@Guruprasad Rao注释，您需要所有输入文本字段

在JavaScript中，您可以执行以下操作：

function getTextInputVals(formElement){
  var els = formElement.elements, a = [];
  for(var i=0,l=els.length; i<l; i++){
    var e = els[i];
    if(e.type === 'text'){
      a.push(e.value);
    }
  }
  return a;
}
// console.log(getTextInputVals(doc.form[0]));

var inputs = document.getElementsByTagName('input');

for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].type.toLowerCase() == 'text') {
        console.log(inputs[i].value);
    }
}

---

根据@Guruprasad Rao注释，您需要所有输入文本字段

在JavaScript中，您可以执行以下操作：

function getTextInputVals(formElement){
  var els = formElement.elements, a = [];
  for(var i=0,l=els.length; i<l; i++){
    var e = els[i];
    if(e.type === 'text'){
      a.push(e.value);
    }
  }
  return a;
}
// console.log(getTextInputVals(doc.form[0]));

var inputs = document.getElementsByTagName('input');

for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].type.toLowerCase() == 'text') {
        console.log(inputs[i].value);
    }
}

---

我试过下面的方法，效果很好。谢谢你的快速回复

Selector:  document.querySelectorAll('[name="attribute3"]')
  Value : document.querySelectorAll('[name="attribute3"]')[0].value

---

我试过下面的方法，效果很好。谢谢你的快速回复

Selector:  document.querySelectorAll('[name="attribute3"]')
  Value : document.querySelectorAll('[name="attribute3"]')[0].value

---

t是一个动态表单，我需要获取所有输入类型文本的字段…如何获取所有字段。我尝试使用queryselectorAll，但它获取的属性1位于节点列表中如果您只需要属性3，请使用document.querySelectorAllyourformid输入[name=attribute3]；t是一个动态表单，我需要获取所有输入类型文本的字段…如何获取所有字段。我尝试使用queryselectorAll，但它获取的属性1位于节点列表中如果您只需要属性3，请使用document.querySelectorAllyourformid输入[name=attribute3]；您在少数地方有无效的html。例：您在少数地方有无效的html。前任：

function analyseFreetextField() {
    var fieldValue = "";
    var fieldName = "";
    var inp = document.getElementsByTagName('td');
    for (var i = 0; i < inp.length; i ++) {
        if (inp[i].className == 'inputField') {
            if (inp[i].childElementCount == 1 && inp[i].firstElementChild.type == 'text' ) {
               fieldName = inp[i].firstElementChild.name;
               fieldValue = inp[i].firstElementChild.value;
               if (!alphanumeric(fieldValue)) {
                   alert('Invalid value detected' + fieldValue);
               }
           }
       }
    }
}