Nesse tutorial estarei mostrando um exemplo que máscara para os campos Data e CEP. Outros campos é só criar outras funções iguais e alterar as variáveis.
<html>
<head>
<title>Mascara de datas </title>
<script language="JavaScript" type="text/javascript">
function mascaraData(campoData)
{
var data = campoData.value;
if (data.length == 2)
{
data = data + '/';
document.form.data.value = data;
return true;
}
if (data.length == 5)
{
data = data + '/';
document.form.data.value = data;
return true;
}
}
function mascaraCEP(campocep)
{
var cep = campocep.value;
if (cep.length == 5)
{
cep = cep + '-';
document.form.cep.value = cep;
return true;
}
}
function mascaraTelefone(campotelefone)
{
var telefone = campotelefone.value;
if (telefone.length == 0)
{
telefone = telefone + '(';
document.form.telefone.value = telefone;
return true;
}
if (telefone.length == 3)
{
telefone = telefone + ')';
document.form.telefone.value = telefone;
return true;
}
}
</script>
</head>
<body>
<form name="form">
Data:
<input type="text" name="data" OnKeyUp="mascaraData(this);" maxlength="10" / >
<br>
Hora:
<input type="text" name="cep" OnKeyUp="mascaraCEP(this);" maxlength="9" / >
<br>
Telefone:
<input type="text" name="telefone" OnKeyUp="mascaraTelefone(this);" maxlength="13" / >
<br>
</form>
</body>
</html>
Nenhum comentário:
Postar um comentário