Olá usuário , seja muito bem vindo ao nosso fórum !

Se esta visitando nosso fórum e de alguma forma nós te ajudamos com algum tutorial, download, espero que colabore com a gente se registrado no fórum que não leva mais que 1 minuto.

Outras formas de colaborar com o nosso fórum:

-> Se logando apos o registro.
-> Entrando diariamente.
-> Postando novos conteúdos no fórum como tutoriais, downloads, piadas, memes, notícias, vídeos, etc..
-> Leia nossas regras e participe de nossas promoções.

Até mais , aguardo seu registro e sua colaboração com o fórum.

Você não está conectado. Conecte-se ou registre-se

[Tutorial] Contando palavras com jquery

Ir em baixo  Mensagem [Página 1 de 1]

1 [Tutorial] Contando palavras com jquery em Dom Jun 24, 2012 1:40 pm

BOT

avatar
RBFounder

RBFounder
Estimados membros,

Este tutorial irei ensina-los como contar as palavras existentes num valor de um campo.
Iniciaremos abrindo o jQuery, ou seja, quando o document estiver pronto(carregado):
Código:
jQuery(document).ready(function(){
Agora iremos criar uma função quando o formulário for submetido, evitando a sua ação padrão:
Código:
jQuery('selector_do_form').submit(function(e){
e.preventDefault();
criaremos agora uma variável, contendo o valor e quantos espaços contém em tal elemento.
Código:
var teste1 = jQuery('selector').val().split(' ').length;
Iremos agora alertar o resultado:
Código:
alert(teste1);
Agora fecharemos os eventos:
Código:
    });
});
Código final:
Código:
jQuery(document).ready(function(){
jQuery('selector_do_form').submit(function(e){
e.preventDefault();
var teste1 = jQuery('selector').val().split(' ').length;
alert(teste1);
          });
});

Demonstração:
[Você precisa estar registrado e conectado para ver este link.]
Código Final completo:
Código:
<form method="post" action="#" enctype="multipart/form-data">
<input type="text" id="teste" size="20" />
<input type="submit" value="Submeter" />
</form>​
<script>
jQuery(document).ready(function(){
jQuery('form').submit(function(e){
e.preventDefault();
var teste1 = jQuery('#teste').val().split(' ').length;
alert(teste1);
          });
});​
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Ver perfil do usuário https://twitter.com/

Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum