Ir para conteúdo
Fórum Script Brasil
  • 0

Limitador de Caracteres

spaulo5

Perguntado por spaulo5,

 Share

Pergunta

spaulo5

spaulo5

Postado
Postado

Ola, Pessoal

gente eu fiz essa adaptação, o email ta indo, mais o texto não

alguém pode dá uma conferida, e se tiver errado pode corrigir

por favor.

agradecido...

<script language="javascript" 
type="text/javascript">

function checa_formulario(email){

    if (email.nome.value == ""){ 
  alert("Por Favor não deixe o seu nome em branco!!!");
   email.nome.focus();
    return (false); 
}

    if (email.email_from.value == ""){ 
  alert("Por Favor não deixe o seu email em branco!!!");
   email.email_from.focus();
    return (false); 
}

    if (email.email.value == ""){ 
  alert("não deixe o email destinatario em branco!!!");
   email.email.focus();
    return (false); 
}

    if (email.assunto.value == ""){ 
  alert("não deixe o assunto em branco!!!");
   email.assunto.focus();
    return (false); 
}

}
</script>
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" > 
<link rel="File-List" href="teste_arquivos/filelist.xml">

<title>Enviando texto</title> 
<style type="text/css"> 
textarea {  
width: 300px;  
height: 200px;
} 

#progreso {  
background: url(textarea.png) no-repeat;  
background-position: -300px 0px;  
width: 300px;  
height: 14px;  
text-align: center;  
color: #000000;  
font-size: 8pt;  
font-family: Arial;  
text-transform: uppercase;
} 

</style> 
<script type="text/javascript"> 
var max=250;
var ancho=300;
function progreso_tecla(obj) 
{  

var progreso = document.getElementById("progreso");    
if (obj.value.length < max) {    
progreso.style.backgroundColor = "#FFFFFF";        
progreso.style.backgroundImage = "url(textarea.png)";        
progreso.style.color = "#000000";    
var pos = ancho-parseInt((ancho*parseInt(obj.value.length))/250);    
progreso.style.backgroundPosition = "-"+pos+"px 0px";  
} 
else 
{    
progreso.style.backgroundColor = "#CC0000";        
progreso.style.backgroundImage = "url()";        
progreso.style.color = "#FFFFFF";  }   
progreso.innerHTML = "("+obj.value.length+" / "+max+")";
}
</script> 
</head> 
<body> 

</style></head><body onLoad="document.email.nome.focus();"><form onsubmit="return checa_formulario(this)" action="foto10.php" method="POST" enctype="multipart/form-data" name="email" style="position: absolute; left: 98px; top: 38px">
    <table width="32%"  border="0" align="center">
    <tr>
      <td><div align="right"><span class="texto">Seu Nome</span></div></td>
      <td><input name="nome" type="text" id="nome"></td>
    </tr>
    <tr>
      <td width="33%"><div align="right" class="texto">Seu Email</div></td>
      <td width="67%"><input name="email_from" type="text" class="email"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto"></div></td>
      <input name="email" type="text" class="email" value="digite aqui seu email" readonly></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Categoria</div></td>
      <td><input name="assunto" type="text" id="assunto"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Mensagem</div></td>
      <td><textarea onkeyup="progreso_tecla(this)" value=""></textarea> <div id="progreso">
    </tr>
    <tr>
      <td><div align="right" class="texto">Foto</div></td>
      <td><input name="arquivo" type="file"></td>
    </tr>
    <tr>
      <td> </td>
      <td><input type="submit" name="Submit" value="Enviar"></td>
    </tr>
  </table>
</form>

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
Rafael Laurindo

Rafael Laurindo

Postado
Postado (editado)

O seu código, tinha:

Tags a mais;

estava sem as tags de fechamento do body e do html e td;

O textarea não tem value como atributo, se você quiser inserir um valor nele, coloque-o entre suas tags de abertura e fechamento;

Esse sim, está correto. e padronizado

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="File-List" href="teste_arquivos/filelist.xml"/>
<title>Enviando texto</title>
<style type="text/css">

textarea{
	width: 300px;  
	height: 200px;
}

#progreso {  
	background: url(textarea.png) no-repeat;  
	background-position: -300px 0px;  
	width: 300px;  
	height: 14px;  
	text-align: center;  
	color: #000000;  
	font-size: 8pt;  
	font-family: Arial;  
	text-transform: uppercase;
}

</style>
<script type="text/javascript">
	var max=250;
	var ancho=300;
function progreso_tecla(obj){  

	var progreso = document.getElementById("progreso");
	if (obj.value.length < max) {    
		progreso.style.backgroundColor = "#FFFFFF";
		progreso.style.backgroundImage = "url(textarea.png)";        
		progreso.style.color = "#000000";
		var pos = ancho-parseInt((ancho*parseInt(obj.value.length))/250);
		progreso.style.backgroundPosition = "-"+pos+"px 0px";  
	}
	else{    
		progreso.style.backgroundColor = "#CC0000";        
		progreso.style.backgroundImage = "url()";        
		progreso.style.color = "#FFFFFF"; //erro nessa linha. Continha } sem {
		progreso.innerHTML = "("+obj.value.length+" / "+max+")";
	}
}

function checa_formulario(email){
	if (email.nome.value == ""){
		alert("Por Favor não deixe o seu nome em branco!!!");
		email.nome.focus();
		return (false);
	}
}
</script>
</head>

<body onLoad="document.email.nome.focus();"><form onsubmit="return checa_formulario(this)" action="foto10.php" method="POST" enctype="multipart/form-data" name="email" style="position: absolute; left: 98px; top: 38px">
    <table width="32%"  border="0" align="center">
    <tr>
      <td><div align="right"><span class="texto">Seu Nome</span></div></td>
      <td><input name="nome" type="text" id="nome"></td>
    </tr>
    <tr>
      <td width="33%"><div align="right" class="texto">Seu Email</div></td>
      <td width="67%"><input name="email_from" type="text" class="email"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto"></div></td>
      <td><input name="email" type="text" class="email" value="digite aqui seu email" readonly="readonly"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Categoria</div></td>
      <td><input name="assunto" type="text" id="assunto"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Mensagem</div></td>
      <td><textarea onkeyup="progreso_tecla(this)"></textarea> <div id="progreso"></div></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Foto</div></td>
      <td><input name="arquivo" type="file"></td>
    </tr>
    <tr>
      <td> </td>
      <td><input type="submit" name="Submit" value="Enviar"></td>
    </tr>
  </table>
</form>
</body>
</html>

Entenda uma coisa, quanto mais enxuto (menos redundante) for o seu código, melhor será a vizualização para futuras alterações e implementações. Código grande não significa que seja "canivete suiço", só porque grandes sistemas tendem a ter enormes códigos.

Editado por Rafael Laurindo
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...