表格验证;获取所有“输入类型=文本”并验证?

时间:2010-10-24 20:42:27

标签: javascript html

我有一张动态的表格。

这意味着,输入名称已更改,但不一样,但它们都是相同的“TYPE”。

所以我需要一个javascript来获取所有输入类型=“文本”并验证它们。这可能吗?

若然,怎么样?

我需要检查的是它们不是空的,而且它们只是数字。

由于

2 个答案:

答案 0 :(得分:34)

使用document.querySelectorAll("input[type=text]")获取所有类型为“text”的输入的数组。您需要遍历它们并进行验证。

另请注意,您可能希望使用#container_id input[type=text]之类的内容来确保您不会获得任何不需要的节点。

以下是验证的外观示例:

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

答案 1 :(得分:7)

类似的东西:

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;
        }
    }
}