Javascript 我的if状况有问题。根据用户选择日期，必须对其进行验证

我需要从用户那里得到日期和时间。下面是如何在javascript中实现这一点。使用jquery hide and show，我正在显示计时表单。此外，我希望根据用户选择验证表单。 我的问题是：

根据用户选择，我希望验证日期和时间：

如果选择星期一。它必须只在星期一进行验证，然后提交表单。它应该在星期二开始生效。 像wise一样，如果用户同时选择星期一和星期二，则必须验证这两个星期一和星期二。并且表单必须提交 这是我的表格：

<form name="f1" action="s.php" method="post">
    <table cellpadding="2" cellspacing="2">
        <tr>
            <td>
                <p style="color:#999; font-size:14px; text-align:right;">What times are you generally available to take classes?</p>
            </td>
            <td style="color:#999; font-size:14px;">
                <input type="checkbox" name="day[]" class="day" value="monday" />
                Monday 
                <span class="times-monday hidden" id="day">
                    Timing
                    <select name="mondayfromtime" id="mfrom">
                        <option value="">----Start Time-----</option>
                        <option value="Monday 6:00 am">6:00 am</option>
                        <option value="Monday 7:00 am">7:00 am</option>
                    </select>
                    <select name="mondaytotime" id="mto" >
                        <option value="">----End Time-----</option>
                        <option value="TO 6:00 am">6:00 am</option>
                        <option value="TO 7:00 am">7:00 am</option>
                    </select>
                </span>
                <br/>
                <input type="checkbox" name="day[]" class="day" value="tuesday" />
                Tuesday
                <span class="times-tuesday hidden" id="day1">Timing
                    <select name="tuesdayfromtime" id="tfrom"  >
                        <option value="">----Start Time-----</option>
                        <option value="Tuesday 6:00 am">6:00 am</option>
                        <option value="Tuesday 7:00 am">7:00 am</option>
                    </select>
                    <select name="tuesdaytotime" id="tto" >
                       <option value="">----End Time-----</option>
                       <option value="TO 6:00 am">6:00 am</option>
                       <option value="TO 7:00 am">7:00 am</option>
                    </select>
                </span>
                <br/>
                <Tr>
                    <td colspan="2" align="center">
                        <input type="submit" name="submit" value="validation" />
                    </td>
                </Tr>
    </table>
</form>

这是我的js：

<script type="text/javascript">
$(document).ready(function() {
    $(document).on('click', '.day', function() {
        $('.times-' + this.value).toggle();
    });
    $('#day').hide();
    $('#day1').hide();
    $('#day2').hide();
    $('#day3').hide();
    $('#day4').hide();
    $('#day5').hide();
    $('#day6').hide();
});
</script>

<script type="text/javascript">
window.onload = function() {
    document.getElementsByName("f1")[0].onsubmit = function() {
        var day = document.getElementsByName('day[]'),
            dayOk = false;
        for (var i = 0, n = day.length; i < n; i++) {
            if (day[i].checked) {
                dayOk = true;
                break;
            }
        }
        if (!dayOk) {
            alert('please select the Day');
            day[0].focus(); // focus the first
            return false;
        }
        mform = document.getElementById('mfrom');
        mto = document.getElementById('mto');
        if (mform.value == '') {
            alert('enter the monday  From Timing');
            mform.focus();
            return false;
        }
        if (mto.value == '') {
            alert('enter the  monday To  Timing');
            mto.focus();
            return false;
        }

        tform = document.getElementById('tfrom');
        tto = document.getElementById('tto');
        if (tform.value == '') {
            alert('enter the Tuesday  From Timing');
            tform.focus();
            return false;
        }
        if (tto.value == '') {
            alert('enter the Tuesday To  Timing');
            tto.focus();
            return false;
        }
        return true; // allow submit
    }
}
</script>

    <script type="text/javascript">
    window.onload = function() {
        document.getElementsByName("f1")[0].onsubmit = function() {
            var day = document.getElementsByName('day[]'),
                dayOk = false;
            for (var i = 0, n = day.length; i < n; i++) {
                if (day[i].checked) {
                    dayOk = true;
                    break;
                }
            }
            if (!dayOk) {
                alert('please select the Day');
                day[0].focus(); // focus the first
                return false;
            }
            mform = document.getElementById('mfrom');
            mto = document.getElementById('mto');
            if (mform.value == '') {
                alert('enter the monday  From Timing');
                mform.focus();
                return false;
            }
            if (mto.value == '') {
                alert('enter the  monday To  Timing');
                mto.focus();
                return false;
            }

            tform = document.getElementById('tfrom');
            tto = document.getElementById('tto');
            if (tform.value == '') {
                alert('enter the Tuesday  From Timing');
                tform.focus();
                return false;
            }
            if (tto.value == '') {
                alert('enter the Tuesday To  Timing');
                tto.focus();
                return false;
            }
            return true; // allow submit
        }
    }
    </script>

---

请看我的评论：不是一个答案，而是一篇代码评审评论。我真诚地感谢您和您宝贵的指导方针。您了解了我的概念。我相信我会做到的。我们可以给出解决方案。如果用户单击monday，我将使用jquery show and hide显示时间。我对javascript很熟悉，所以使用document.getElementById'mform'mform只是周一。我很高兴。我理解你的意思。你能在jquery中使用这个吗。我已经花了三天的时间来完成这项工作，但无法完成。这很烦人。最后我相信stackteam。请执行您的想法。我希望你能清楚地理解这个概念。你能帮我吗？我不明白你为什么在一部分使用jQuery，在另一部分使用jQuery。我是这样做的：