Javascript 尝试将已完成的表单存储到数组中

我正在创建一个注册页面，目前正试图将表单的输入存储到一个数组中。我正在使用

var form_inputs = document.getElementsByClassName("form_input");

为了将输入存储在同一个位置，但是如果我试图警告

表单输入

以测试是否实际存储了任何内容，它只会警告

“未定义”

功能验证表单（事件）{
var forename=document.getElementById（“forename”）；
var姓氏=document.getElementById（“姓氏”）；
var username=document.getElementById（“用户名”）；
var password=document.getElementById（“密码”）；
var re_password=document.getElementById（“re_password”）；
var email=document.getElementById（“电子邮件”）；
var错误=0
var special_chars=“@！\$%^&*（）\+[]{}:；\”\“\”，./~`-=”；
var form_input=document.getElementsByClassName（“form_input”）；
如果（forename.value==“”）{
//document.getElementById（“forename”）.style.background=“红色”；
forename_confirmation.style.visibility='visible'；
var错误=错误+1
}否则
对于（var i=0；i

登录表格
创建帐户
请填写这个盒子
不要使用特殊字符
名字

请填写这个盒子
不要使用特殊字符
姓

请填写这个盒子
不要使用特殊字符
用户名

请填写这个盒子
不要使用特殊字符
密码

密码不匹配
重新输入密码

请输入有效的电子邮件
电子邮件

提交









forename\u confirmation.style.visibility='hidden'
forename_chars.style.visibility='hidden'
姓氏_.style.visibility='hidden'
姓氏_chars.style.visibility='hidden'
username\u confirmation.style.visibility='hidden'
用户名\u chars.style.visibility='hidden'
pass\u confirmation.style.visibility='hidden'
pass_chars.style.visibility='hidden'
repass_confirmation.style.visibility='hidden'
电子邮件\u confirmation.style.visibility='hidden'

---

这将提醒您这些元素

您为什么要这样做？HTML表单通常在单个表单控件级别进行验证，如果所有表单控件都无效，表单将不会提交。请检查。仅仅因为我的老师希望我这样做，我已经按照您的建议做了，但显然它没有显示enough code.嗨，谢谢你的评论。我试过了，它只是显示了一个空警报？@LucaBriggs whoops里面有price而不是你的

表单输入

，正在测试我的代码哈哈：）再试一次是的，我猜啊哈，但是它仍然只显示多个空白警报？

Array.from(document.getElementsByClassName("form_input")).forEach(
    function(element, index, array) {
        alert(element.innerHTML)
    }
);