javascript - I am having issue in my if condition. Based on user selection day It has to validated -

i need day , timing user. here how do in javascript. using jquery hide , show showing timing form. further want validate form, based on user selection. questions are:

based on users selection want validate day , timing:

1. if select monday. has validate monday time , time form has submit. should validate enter tuesday time.
2. like wise if user select both monday , tuesday has validated both.and form has submit

http://jsfiddle.net/kodesh/kog3ugbt/1/

here form:

<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 available 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> 

here 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;         (var = 0, n = day.length; < n; i++) {             if (day[i].checked) {                 dayok = true;                 break;             }         }         if (!dayok) {             alert('please select day');             day[0].focus(); // focus first             return false;         }         mform = document.getelementbyid('mfrom');         mto = document.getelementbyid('mto');         if (mform.value == '') {             alert('enter monday  timing');             mform.focus();             return false;         }         if (mto.value == '') {             alert('enter  monday  timing');             mto.focus();             return false;         }          tform = document.getelementbyid('tfrom');         tto = document.getelementbyid('tto');         if (tform.value == '') {             alert('enter tuesday  timing');             tform.focus();             return false;         }         if (tto.value == '') {             alert('enter tuesday  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;             (var = 0, n = day.length; < n; i++) {                 if (day[i].checked) {                     dayok = true;                     break;                 }             }             if (!dayok) {                 alert('please select day');                 day[0].focus(); // focus first                 return false;             }             mform = document.getelementbyid('mfrom');             mto = document.getelementbyid('mto');             if (mform.value == '') {                 alert('enter monday  timing');                 mform.focus();                 return false;             }             if (mto.value == '') {                 alert('enter  monday  timing');                 mto.focus();                 return false;             }              tform = document.getelementbyid('tfrom');             tto = document.getelementbyid('tto');             if (tform.value == '') {                 alert('enter tuesday  timing');                 tform.focus();                 return false;             }             if (tto.value == '') {                 alert('enter tuesday  timing');                 tto.focus();                 return false;             }             return true; // allow submit         }     }     </script>