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

作者:闭包旅人

时间:2026-10-27

浏览:446

本文介绍如何利用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;
} 
} 
} 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章