获取Form下所有Input值的JavaScript实现

作者:闭包旅人时间:2026-10-27 16:42:58浏览:447

本文介绍如何利用JavaScript的document.getElementById获取指定Form对象,并通过其elements集合遍历所有控件。示例代码演示了如何判断控件数量、筛选特定class名的输入框,并实现非空值校验与焦点定位功能,适用于基础表单数据提取场景。

遍历Form元素获取Input值的方法

通过访问Form对象的elements集合,可以获取其中包含的所有控件及其对应的value属性值。


具体实现代码如下:

 
var form = document.getElementById("dateform");
var a = form.elements.length;//所有的控件个数
for (var j=0;j<a;j++){
if(form.elements[j].className == "text"){//class="text"的控件
if(form.elements[j].value=="" || form.elements[j].value==null){
alert("不能为空");
form.elements[j].focus();
return false;
} 
} 
} 
作者最新文章