Olá pessoal, este é meu primeiro tutorial no blog.
Gostaria de lembrar que ainda não sou programador, ainda não domino completamente a área =|, mas estou estudando muito pra isso.
Então vamos ao que interessa né?!

Pra quem quer ver como vai ficar nosso trabalho final click aqui

Esse script permite somente uma quantidade de caracteres dentro do textarea, no exemplo abaixo é permitido 10 caracteres.

Para que o script funcione você precisa fazer o download do jquery-1.2.6. e lincá-lo na sua página.

<script type=”text/javascript” src=”jquery-1.2.6.js”>
</script>

Vou comentar o máximo possivel, qualquer dúvidas comentem ai, blz?
Se você nao tem conhecimento de jquery click aqui para ver um outro tutorial.

<script type=”text/javascript”>

$(document).ready(function(){
// pra cada tecla pressionada ele executa os codigos abaixo
$(‘#textarea’).keyup(function(){
// crio uma variavel que seleciona os caracteres dentro do
var num = $(‘#textarea’).val().length;textarea
// informo ao usuario quantos caracteres há no texto
$(‘span’).html(‘seu texto tem ‘+num+’ caracteres’);
//se os caracteres for maior ou igual a 10
// entao atingiu o número maximo de caracteres pemitido
if(num>=10){
$(‘b’).show().html(‘você atingiu o número máximo de caracteres ‘+num+’ / 10′);
//trava o textarea
$(‘#textarea’).val($(‘#textarea’).val().substring(0,9));
}
else{
// se ainda nao for maior ou igual a 10 escondo o b, assim o texto nao aparece na hora errada =)
$(‘b’).hide();
}
});

});

</script>

Agora vem o html

<body>

<div id=”Campos”>

<form>

<textarea name=”” id=”textarea”>
</textarea>

<span>
</span>

<b>
</b>

</form>

</div>

</body>

Se alguém tiver alguma sugestão, dúvida, crítica, pode comentar a vontade blz hehehe.
então é isso gente vlw e até a próxima.


terça-feira, 19 maio - 2009
por


  1. Cosme on terça-feira 19, 2009

    ótimo post, mais como eu faria para contar a palava e ao atingir a quantidade bloquear ao input?


0

Spam protection by WP Captcha-Free


Tweetar