Eu tenho quatro input type="time"
na minha página e a frente deles um select
. Por padrão meu select
vem disabled
. Eu fiz um script que habilita meu select
somente se pelo menos um dos quatro input type="time"
for preenchido.
O primeiro item do meu select
é "SELECIONAR JUSTIFICATIVA"
e os demais itens são carregados com itens de uma tabela do meu banco de dados.
O que eu gostaria é o seguinte, existe a possibilidade de, se pelo menos um dos quatro input type="time"
estiver preenchido, ao habilitar o select
, ser obrigatório selecionar um valor neste select
diferente do primeiro valor, ou seja, um valor diferente do "SELECIONAR JUSTIFICATIVA"
.
Existe essa possibilidade?
Segue abaixo um código de exemplo com os quatros <input type="time">
e o select
:
<input type="time" id="hora001" name="hora001" onchange="HabilitaSelectJust()">
<br>
<input type="time" id="hora002" name="hora002" onchange="HabilitaSelectJust()">
<br>
<input type="time" id="hora003" name="hora003" onchange="HabilitaSelectJust()">
<br>
<input type="time" id="hora004" name="hora004" onchange="HabilitaSelectJust()">
<br>
<br>
<select name="justificativa0" id="justificativa0" disabled>
<option>JUSTIFICAR MARCAÇÃO</option>
<option value="11">Abonado </option>
<option value="65">Admissao </option>
<option value="21">Atestado </option>
<option value="6">Compensação </option>
<option value="13">Crachá com Defeito </option>
<option value="57">Escola </option>
<option value="8">Esqueceu Cartão/Crachá </option>
<option value="61">Esqueceu de Registrar Ponto </option>
<option value="75">Falta de Energia Eletrica </option>
<option value="81">Home Office </option>
<option value="72">Horario de Verão </option>
<option value="43">Integração </option>
<option value="63">Marcação Inválida </option>
<option value="2">Não passou Cartão/Cracha </option>
<option value="1">Não passou Digital </option>
<option value="15">Não Possui Cartão Crachá </option>
<option value="14">Perdeu Crachá </option>
<option value="23">Problema com Cartão </option>
<option value="3">Relogio com Defeito </option>
<option value="26">Sem Internet </option>
<option value="7">Serviços Externos </option>
<option value="64">Trabalho Externo </option>
<option value="5">Treinamento </option>
<option value="70">Troca de Relogio </option>
<option value="68">Troca de Turno </option>
<option value="10">Viagem a Serviço </option>
</select>
E agora, segue meu javascript que habilita o campo select
caso pelo menos um dos quatro <input type="time">
esteja preenchido:
<script>
function HabilitaSelectJust() {
if(document.getElementById("hora001").value == ""
&& document.getElementById("hora002").value == ""
&& document.getElementById("hora003").value == ""
&& document.getElementById("hora004").value == "") {
document.getElementById("justificativa0").setAttribute("disabled","disabled");
} else {
document.getElementById("justificativa0").removeAttribute("disabled");
}
}
</script>