Código Fonte - O melhor conteúdo para programadores

Este código tem nota

Autor

Angelo Resende Júnior

membro deste dezembro de 2006

Compartilhe e guarde

Enquete

Você acredita que um dia o Firefox será mais utilizado que o IE?

Sim
Não

Home Código Fonte JavaScript - DHTML Formulários

Máscara e Validação de Hora

Um script legal e útil.
Excelente para quem está desenvolvendo relatórios em que há necessidade de se informar horários - Ex: Folha de ponto.

*´¨) AN-ICE
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•` * ANGELO JÚNIOR (.)(.)

<html>
<head>
<title>.:: Código Fonte ::.</title>

<SCRIPT LANGUAGE="JavaScript">
<!--
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(); 
} 
} 
//-->
</script>

</head>
<body>
<form onSubmit="return VerificaSenha(this)">
<table width="550" border=1 align="center" cellpadding="0" cellspacing="0">
<tr> 
<td colspan="2" height="115"> 
<div align="center"><font color="#000099">Mascara do campo Hora</font></div>
<p> - Preencha o campo e observe que os dois pontos : s&atilde;o colocados automaticamente<br>
 - Informe uma hora errada e veja a mensagem de erro!<br>
</p>
</td>
</tr>
<tr> 
<td width="270"> 
<div align="right">Hora: </div></td>
<td width="274"> 
<input name="Hora" type="text" id="Hora" OnKeyUp="Mascara_Hora(this.value)" size="5" maxlength="5"></td>
</tr>
<tr> 
<td colspan=2 align=center height="81"><font size="1"><a href="http://www.codigofonte.com.br">www.codigofonte.com.br </a></font></td>
</tr>
</table>
</form>
</body>
</html>

<html>
<head>
<title>.:: Código Fonte ::.</title>

<SCRIPT LANGUAGE="JavaScript">
<!--
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(); 
} 
} 
//-->
</script>

</head>
<body>
<form onSubmit="return VerificaSenha(this)">
<table width="550" border=1 align="center" cellpadding="0" cellspacing="0">
<tr> 
<td colspan="2" height="115"> 
<div align="center"><font color="#000099">Mascara do campo Hora</font></div>
<p> - Preencha o campo e observe que os dois pontos : s&atilde;o colocados automaticamente<br>
 - Informe uma hora errada e veja a mensagem de erro!<br>
</p>
</td>
</tr>
<tr> 
<td width="270"> 
<div align="right">Hora: </div></td>
<td width="274"> 
<input name="Hora" type="text" id="Hora" OnKeyUp="Mascara_Hora(this.value)" size="5" maxlength="5"></td>
</tr>
<tr> 
<td colspan=2 align=center height="81"><font size="1"><a href="http://www.codigofonte.com.br">www.codigofonte.com.br </a></font></td>
</tr>
</table>
</form>
</body>
</html>

Este código foi útil para você?

Nota	Comentário
10	denunciar ayrancd comentou em 20/1/2009 Soliocitação: tenho um código de form q ele formata 2 campos de hora da seguinte maneira: 00:00:00 tem um terceiro campo que preciso calcular o tempo percorrido ex: campo 1: 01:01:05 campo 2 01:01:20 campo três mostrará: 00:00:15 MSN afamilialegal@hotmail.com

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco

Autor

Angelo Resende Júnior

Tags

Data

Formato

Hora

JavaScript

Compartilhe e guarde

Enquete

Você acredita que um dia o Firefox será mais utilizado que o IE?

Máscara e Validação de Hora

Soliocitação:

Comente