how to get value of input box without id and name field using javascript

Question

I have a form with 3 input box and all the input box does not have id, name field in it. So if i enter value in it, How can i check the value of input box without id and nam

Answer 1

you can get values by getElementsByTagName and code would be like this

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

Answer 2

You could get a reference to them and check their value property.

For the luxury of supporting newer browsers...

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

If you need to support the annoying browsers that still seem to linger, just write a bit more code and you're good as gold.

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 3

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

This code will alert all the input textfields.

Answer 4

It looks like you want to do form validation. For form validation in HTML5, check this resource out: http://www.the-art-of-web.com/html/html5-form-validation/

Basically, you will be able to get by with some validations just by using HTML attributes, and without using JavaScript.

Answer 5

You could use the elements property of the form object which will iterate over just the input elements inside the form:

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