获取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;
}
}
} 作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
相关标签:
