Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Micilini Roll

Pegar value textfield e tempo real?

Por , em Javascript

Recommended Posts

Micilini Roll    49

Micilini Roll
Postado

Pessoal seguinte,vamos imaginar um textfield, e ao lado tera um div para mensagens ocultas,assim que é digitado o valor no texto field por exemplo:

 

1-digitei A automaticamente ele mostra SENHA CURTA - voce digitou 1 caractere

2-digitei AB automaticamente ele mostra SENHA CURTA - voce digitou 2 caractere

1-digitei ABCDEFKJ automaticamente ele mostra SENHA MEDIA - voce digitou 8 caractere

 

e assim por diante! como faz?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

Rapaz eu testei este comando fix tudo correto coloquei o input e div e mesmo assim nao funcionou! dai eu andei fazendo uma pesquisa e resolvi criar um comando que fizesse o que eu queria,e por fim eu consegui o comando é este:

 

<script>
function get(){
	setInterval(get,1000);
var contar = document.getElementById("input").value.length;
var zero =  document.getElementById("input").value;
if(contar == null){
	var texto = "Digite uma senha";
	document.getElementById("alerta").innerHTML = texto;
}

if(contar > 0 && contar < 7){
	var texto = "Senha Curta";
	document.getElementById("alerta").innerHTML = texto;
}
if(contar > 7 && contar < 12){
	var texto = "Senha Media";
	document.getElementById("alerta").innerHTML = texto;
}
if(contar > 12){
	var texto = "Senha Grande";
	document.getElementById("alerta").innerHTML = texto;
}

}
</script>
<body>
<input name="input" id="input" type="text" onclick="get()"  />

<div id="alerta">
</div>

 

 

assim que o input é selecionado é pego o numero de caracteres que ele possue e quando é digitado algo ele relaciona o numero de caractes a cada intervalo de 1 segundo e diz se a senha é curta-media-grande,so que tem exatamente 2 problemas..

 

1-Pareçe que o projeto ficou pesado ou seja,esta com uma certa lentidão localmente(AINDA NAO TESTEI ONLINE)

2-se eu digitar 2 numeros ele diz senha curta..agora se eu apagar ele ainda alega que a senha esta curta envez de apareçer a mensagem de DIGITE UMA SENHA

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vinicius Rangel    208

Vinicius Rangel
Postado

tudo bem que faltou um detalhe, a condição que te passei não vai funcionar por que você precisa contar quantos caracters tem no obj ainda.

acho que é só por

obj.lentght

ou

obj.size

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

bem que eu tinha testado aqui agora e nao entendi por que nao funcionou pois bem meu projeto esta assim desta forma:

 

<script src="jquery-1.9.1.min.js"></script>
<script>
$('input').keyup(function(){
 var obj = $(this).val();
if(obj > 0 || obj < 5){
  $('div').html('Senha Curta');
}else if(obj > 6 || obj < 10){
	 $('div').html('Senha Media');
}
});
</script>
<input name="input" id="input" type="text" />
<div id="div">
</div>

 

 

é desta forma correto,nao esta faltando mas nada nao? como ficaria o obj.lentght?

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

 

if(obj.length > 0 || obj.length < 5){

 

 

 

 

}else if(obj.length > 6 || obj.length < 10){

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

poxa pessoal :/ estou tentando aqui desta maneira:

 

<script src="jquery-1.9.1.min.js"></script>

<script>
$('input').keyup(function(){
 var obj = $(this).val();
if(obj.length > 0 || obj.length < 5){
  $('divx').html('Senha Curta');
}else if(obj.length > 6 || obj.length < 10){
	 $('divx').html('Senha Media');
}
});

</script>
<input name="input" id="input" type="text" />
<div id="divx">
</div>

 

 

 

e nada do texto apareçer dentro da div!? porque sera alguma coisa errada?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

olha pessoal teste dessa maneira e funcionou!

 

<script src="jquery-1.9.1.min.js"></script>

<script>
function get(){
$('input').keyup(function(){
 var obj = $(this).val();
if(obj.length < 0){
 var texto = "Digite uma senha";
document.getElementById("divx").innerHTML = texto;
}else if(obj.length > 0 || obj.length < 7){
 var texto = "Senha Curta";
document.getElementById("divx").innerHTML = texto;
}else if(obj.length > 7 || obj.length < 12){
	  var texto = "Senha Media";
document.getElementById("divx").innerHTML = texto;
}else if(obj.length > 12){
	  var texto = "Senha Grande";
document.getElementById("divx").innerHTML = texto;
}
});
}
</script>
<input name="input" id="input" type="text" onKeyPress="get()"/>
<div id="divx">
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

spidercoder    0

spidercoder
Postado

Olá... estou com um problema parecido, preciso pegar um valor digitado em tempo real pelo usuário para verificar se existe no banco de dados, se trata de um filtro para não ter mais de um usuário com o mesmo login, mas não estou conseguindo pegar o valor e muito menos passar ele para a linguagem que eu uso que é o PHP e depois fazer uma consulta no banco de dados, estava lendo os posts aqui, eu estou usando o bootstrap e coloquei a API do google para jquery para testar oque vocês estão fazendo aqui, mas mesmo assim ainda continua sem resultados positivos.

 

 

 

Se houver alguém ainda, sobre esse post que possa ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito