Form validation; Get all "input type=text" and validate?

Question

I have a form which is dynamic.

That means, the inputs names are changed, and not the same, but they are all the same "TYPE".

So I need to have a javascript which gets all input type="text" and validates them. Is this possible?

If so, how?

All I need to check is so that they are not empty, and that they are only numeric.

Thanks

Answer 1

Use document.querySelectorAll("input[type=text]") to get the array with all inputs of type "text". You need to iterate through them and validate.

Also note that you will probably want to use something like #container_id input[type=text] to make sure you won't get any nodes that you don't need.

Here is a sample of how your validation should look:

var nodes = document.querySelectorAll("#container_id input[type=text]");
for (var i=0; i<nodes.length; i++)
    if (node.value == "" || !/[0-9.]+/.test(node.value))
        return "invalid.";
return "valid";

Answer 2

Something like that:

var inp = document.getElementsByTagName('input');
for(var i in inp){
    if(inp[i].type == "text"){
        if(!/^\d{1,}$/.test(inp[i].value)){
            alert('Invalid value detected');
            inp[i].focus();
            break;
        }
    }
}