Converter automaticamente em texto minúsculo

RafaKenji · 3 de outubro de 2012

Olá,

Espero que alguém possa me ajudar.

Bom na minha caixa de texto eu queria que quando for digitado alguma letra maiuscula automaticamente ele vira para minuscula.

  <input name="pw" type="password" class="cadastrar" id="login3">

mexe apenas na caixa de texto? ou é algo mais complexo ?

Agradeço desde já.

DiF · 3 de outubro de 2012

Olá, é possivel fazer com javascript/ jquery.

Segue o exemplo funcional:


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="wdith=device-width, initial-scale=0.1">
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="Francisco Guimarães" />
<meta name="generator" content="Eclipse For PHP - Helios" />
<title>Insert title here</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
 $(function(){
	 var campo = $("#teste");
	 campo.keyup(function(e){
		 e.preventDefault();
		 campo.val($(this).val().toLowerCase());
	 });
 });

</script>
</head>
<body>

<input type="text" name="teste" id="teste"/>

</body>
</html>

a magica toda está na funçao keyup() onde a cada caractere digitado ele atribui a ele mesmo um novo valor minusculo.

abraço

manoelps · 3 de outubro de 2012

Existe uma outra forma que considero mais fácil, utilizando css, (usando text-transform:lowercase para mudar o estado do texto, e não sofre alteração se o usuario desativar o javascript;)

Segue exemplo:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tranformar texto digitado em minusculo</title>
<style type="text/css">
.cadastrar
{
	text-transform:lowercase;
}
</style>
</head>

<body>

<input name="pw" type="text" class="cadastrar" id="login3">

</body>
</html>

RafaKenji · 3 de outubro de 2012

Eu usei a forma CSS, funcionou perfeitamente. Muito obrigado pela ajuda.

Outra pergunta, existe alguma forma de burlar isso ?

manoelps · 3 de outubro de 2012

com css é meio difícil para o usuário comum, mas ainda pode ser burlado com ferramentas como o Web Developer que permite desativar estilos css, como medida de segurança você ainda pode quando for gravar no banco de dados usar a função strtolower do php que converter qualquer texto em maiúsculo para minusculo:

segue um exemplo de conversão:

<?php
echo strtolower("MAIUSCULO"); // resultado: maiusculo

echo strtoupper("minusculo"); // resultado: MINUSCULO
?>

caso tenha que converter palavras com acentos também pode utilizar esta função que já faz tudo isso de converter a palavra comuns e as acentuadas:


function minusculo($string){
      $string = strtolower($string);
      $string = str_replace("Â","â",$string);
      $string = str_replace("Á","á",$string);
      $string = str_replace("Ã","ã",$string);
      $string = str_replace("A","à",$string);
      $string = str_replace("Ê","ê",$string);
      $string = str_replace("É","é",$string);
      $string = str_replace("I","Î",$string);
      $string = str_replace("Í","í",$string);
      $string = str_replace("Ó","ó",$string);
      $string = str_replace("Õ","õ",$string);
      $string = str_replace("Ô","ô",$string);
      $string = str_replace("Ú","ú",$string);
      $string = str_replace("U","û",$string);
      $string = str_replace("Ç","ç",$string);
      return ($string);
   }