[Resolvido] Validação de hora

[lulinha ô cara! 0]

Olá,

 

estou usando o codigo abaixo para validar o campo de hora, porem esse codigo todo serve apenas para 1 unico input do formulario que use o nome <input name="hora">

preciso alterar o codigo para permitir que qualquer input text com qualquer nome receba a validação por hora. Alguém pode ajudar?

 

function Mascara_Hora(Hora){ 
	var hora01 = ''; 
	hora01 = hora01 + Hora; 
	  if (hora01.length == 2){ 
		hora01 = hora01 + ':'; 
		document.forms[0].Hora.value = hora01; 
	  } 
		if (hora01.length == 5){ 
		  Verifica_Hora(); 
		} 
	  } 
	  
	function Verifica_Hora(){ 
	hrs = (document.forms[0].Hora.value.substring(0,2)); 
	min = (document.forms[0].Hora.value.substring(3,5)); 
				   
	estado = ""; 
	if ((hrs < 00 ) || (hrs > 23) || ( min < 00) ||( min > 59)){ 
	  estado = "errada"; 
	} 
				   
	if (document.forms[0].Hora.value == "") { 
	  estado = "errada"; 
	} 
	
	if (estado == "errada") { 
	  alert("Hora inválida!"); 
	  document.forms[0].Hora.focus(); 
	  } 
	} 

<input name="Hora" type="text" id="Hora" class="input_text" OnKeyUp="Mascara_Hora(this.value)" size="5" maxlength="5">

[William Bruno 1501]

Só dá uma arrumada nessa função de formatar a hora:

<script type="text/javascript">
function Mascara_Hora(Campo){
	var hora01 = '';
	var Hora = document.getElementById(Campo).value;
	hora01 = hora01 + Hora;
	
	if (hora01.length == 2){ 
		hora01 = hora01 + ':'; 
		Hora = hora01; 
	} 
	if (hora01.length == 5)
	{
		Verifica_Hora(Campo);
	}
}

function Verifica_Hora(Campo){

	Hora = document.getElementById(Campo);
	hrs = (Hora.value.substring(0,2));
	min = (Hora.value.substring(3,5));

	estado = ""; 
	if ((hrs < 00 ) || (hrs > 23) || ( min < 00) ||( min > 59))
	{ 
		estado = "errada"; 
	} 
	if (Hora == "")
	{ 
		estado = "errada"; 
	} 
	if (estado == "errada")
	{ 
		alert("Hora inválida!"); 
		document.getElementById(Campo).focus(); 
	} 
}
</script>
<form>
	<input name="Hora" type="text" id="Hora" class="input_text" OnKeyUp="Mascara_Hora('Hora')" size="5" maxlength="5" />
	<input name="Hora2" type="text" id="Hora2" class="input_text" OnKeyUp="Mascara_Hora('Hora2')" size="5" maxlength="5" />
	<input name="Outro" type="text" id="Outro" class="input_text" OnKeyUp="Mascara_Hora('Outro')" size="5" maxlength="5" />
</form>

[William Bruno 1501]

O usuário me informou que resolveu o problema por PM.

Editem o título moderadores da área. [Resolvido]