Validacao de combobox - datas

[Martinsrj 0]

Alguém sabe, quando o usuario selecionar na combobox dia o numero 30 e na combobox o mês de fevereiro de uma critica como: o mês de fevereiro não possui 30 dias.

 

Só falta isso Galera, pois os outros campos está funcionando direitinho!

Vejam a imagem abaixo:

 

 

<select name="date_dia" id="text_data">
                                <option>Dia</option>
                                <option value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>
                                <option value="04">04</option>
                                <option value="05">05</option>
                                <option value="06">06</option>
                                <option value="07">07</option>
                                <option value="08">08</option>
                                <option value="09">09</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>
                                <option value="25">25</option>
                                <option value="26">26</option>
                                <option value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>
                                <option value="30">30</option>
                                <option value="31">31</option>
                              </select>
                          <label>
                                  <select name="date_mes" id="select2">
                                    <option>Mês</option>
                                    <option value="01">Janeiro</option>
                                    <option value="02">Fevereiro</option>
                                    <option value="03">Marco</option>
                                    <option value="04">Abril</option>
                                    <option value="05">Maio</option>
                                    <option value="06">Junho</option>
                                    <option value="07">Julho</option>
                                    <option value="08">Agosto</option>
                                    <option value="09">Setembro</option>
                                    <option value="10">Outubro</option>
                                    <option value="11">Novembro</option>
                                    <option value="12">Dezembro</option>
                                  </select>
                                  <select name="date_ano" id="select3">
                                    <option>Ano</option>
                                    <option value="2009">2009</option>
                                    <option value="2010">2010</option>
                                    <option value="2011">2011</option>
                                    <option value="2012">2012</option>
                                  </select>

[klonder 14]

Vale lembrar que a data 31 de fevereiro também é inválida.

 

Para resolver seu problema, criei uma função que recupera o valor do mês e do dia. Se o mês for fevereiro, e o dia maior ou igual a 30, uma caixa de alerta aparece com algum texto, informando sobre a data incorreta.

 

Segue o código:

<html>
<head>
	<title></title>
</head>
<body>
<script type="text/javascript">
function validarData() {
var objDia = document.getElementById("text_data");
var objMes = document.getElementById("select2");
	if (objMes.value == '02' && parseFloat(objDia.value) >= 30) {
		alert("Data inválida");
		return false;
	}
}
</script>
<form name="form1" action="" method="post" onsubmit="return validarData()">
<select name="date_dia" id="text_data"><option>Dia</option><option value="01">01</option><option value="02">02</option>
<option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option>
</select>
<label><select name="date_mes" id="select2">
<option>Mês</option><option value="01">Janeiro</option><option value="02">Fevereiro</option><option value="03">Marco</option><option value="04">Abril</option><option value="05">Maio</option><option value="06">Junho</option><option value="07">Julho</option><option value="08">Agosto</option><option value="09">Setembro</option><option value="10">Outubro</option><option value="11">Novembro</option><option value="12">Dezembro</option>  </select>  <select name="date_ano" id="select3"><option>Ano</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option>  </select>
<br><br><input type="submit" value="OK">
</form>
</body></html>