controllo sulle date in javascript

[bob41]

ciao ho un problema con il controllo delle date in javascript per non fare scegliere all'utente il 31 o 30 o il 29febbraio

.......
<form name="form1" action="pagina.php" method="post">
....altro
<select id="giorno" class="form-control" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="giorno"  name="giorno" onBlur='controlla()'>
            
            <?php


            for($i=1; $i<32; $i++){
            echo '<option value="' .$i. '">'.$i.'</option>';
            }


            ?>
        </select>
        </div>
        <div class="col-lg-1">
        <select  id="mese" class="form-control" onblur="controlla()" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="mese"  name="mese">
            
            <?php


            for($i=1; $i<13; $i++){
            echo '<option value="'.$i.'">'.$i.'</option>';
            }
            ?>
        </select>

.....altre select
</form>
......
   <script>
   function controlla(){
          
        var giorno=document.form1.giorno.value;
        var mese=document.form1.mese.value;
           var anno=document.form1.anno.value;
         
           if(anno%4==0){
               if(((mese==2)and(giorno==31))or((mese==2)and(giorno==30))){
                   document.write("errore");
                }
           }else{
               if(((mese==2)and(giorno==31))or((mese==2)and(giorno==30))or((mese==2)and(giorno==29))){
                   document.write("errore");
               }
           }
   }
   </script>

sbaglio qualcosa?sono alle prime armi con javascript
non so se centra ma uso il framework bootstrap può andare in conflitto?