使用数组值进行Javascript表单验证

Question

我会简短，但试着通过一个较小的例子给你一个很好的想法。

我有3盒信息：一个文本，一个开始时间和一个结束时间。

每天都有人会输入他们全天所做的一些“活动”。例如“Mowed the Lawn”（文本输入），Starttime = 10：00am（选择输入） - Endtime = 11：00am（选择输入）。

但是我已经在此网页中内置了点击按钮的功能，它将为他们当天所做的所有活动添加另外3个输入（活动，开始时间，结束时间）。如果它有帮助，我有这个结构，以便这些输入的名称是例如activity []，starttime []，endtime []，以便PHP将正确呈现它并将值适当地存储在数据库中。

我的目标是我不想把糟糕的时间数据放到我的数据库中（starttime = 10:00 am，endtime = 9:00 am。我理解如何对3个输入的1个实例进行表单验证（getElementById有为我完成此操作），但不是动态数组中三个输入的多个实例。

思考？

这是截图的链接（因为我是新用户，无法发布图片）。 http://admissions.utils.us/images/Screenshot.png

Answer 1

您可以检查页面上有多少元素有标签，然后执行for循环以循环输入元素数组，然后进行验证

var inputs = document.getElementsByTagName('input').length;

for (var i = 0; i < inputs; i++){
    if (document.getElementsByTagName('input')[i].value != ''){
        return true;
    } else {
        return false;
    }
}