JavaScript - DHTML / Formulários
Quantidade de caracteres restante para o preenchimento de um campo
enviado por Angelo Resende Júnior
Um bom script para ser colocado no campo Observação ou Descrição de um formulário.
Conforme o usuário digitar no campo, será informado quantos caracters ainda restam.
*´¨) AN-ICE
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•` * ANGELO JÚNIOR (.)(.)
Conforme o usuário digitar no campo, será informado quantos caracters ainda restam.
*´¨) AN-ICE
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•` * ANGELO JÚNIOR (.)(.)
<html>
<head>
<title>.:: Código Fonte ::.</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function MostraQuantidade()
{
var obj = eval("document.form1.Descricao");
var txt = new String(obj.value);
var quant = (100 - txt.length);
if (quant == 0)
{
window.event.keyCode = 0;
}
txtLetras.innerText = "Restam:" + quant;
}
//-->
</script>
</head>
<body>
<form name="form1" id="form1">
<table width="550" border=1 align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" height="115">
<div align="center"><font color="#000099">Delimitador de caracteres do campo Descrição </font></div>
<p align="center"> Preencha o campo descrição e veja a quantidade de caracteres restante<br></p>
</td>
</tr>
<tr>
<td width="83" height="97"><div align="center">Descrição:</div></td>
<td width="346">
<div align="center"><b><font face="Arial, Tahoma" size="2"><textarea name="Descricao" cols="35" rows="5" onKeyPress="MostraQuantidade();"></textarea></font></b></div>
</td>
<td width="113">
<b><font face="Arial, Tahoma" size="1" color="#990000"><div name="txtLetras" id="txtLetras" align="center"> </div></font></b>
</td>
</tr>
<tr>
<td colspan=3 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>
<head>
<title>.:: Código Fonte ::.</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function MostraQuantidade()
{
var obj = eval("document.form1.Descricao");
var txt = new String(obj.value);
var quant = (100 - txt.length);
if (quant == 0)
{
window.event.keyCode = 0;
}
txtLetras.innerText = "Restam:" + quant;
}
//-->
</script>
</head>
<body>
<form name="form1" id="form1">
<table width="550" border=1 align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" height="115">
<div align="center"><font color="#000099">Delimitador de caracteres do campo Descrição </font></div>
<p align="center"> Preencha o campo descrição e veja a quantidade de caracteres restante<br></p>
</td>
</tr>
<tr>
<td width="83" height="97"><div align="center">Descrição:</div></td>
<td width="346">
<div align="center"><b><font face="Arial, Tahoma" size="2"><textarea name="Descricao" cols="35" rows="5" onKeyPress="MostraQuantidade();"></textarea></font></b></div>
</td>
<td width="113">
<b><font face="Arial, Tahoma" size="1" color="#990000"><div name="txtLetras" id="txtLetras" align="center"> </div></font></b>
</td>
</tr>
<tr>
<td colspan=3 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>
Versão impressa gerada em
quarta-feira, 19 de junho de 2013 em 12:57:36.
© Código Fonte