Ir para conteúdo

POWERED BY:

Arquivado

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

Nícolas Luís Huber

[Resolvido] Eventos JavaScript

Por , em Javascript

Recommended Posts

Nícolas Luís Huber    14

Nícolas Luís Huber
Postado

Olá comunidade iMaster, estou com um probleminha aqui! Eu quero usar a tag placeholder, pois usando value não posso fazer validações empty em PHP, mas ela não funciona com campos input[type=password] então eu criei uma function de ação onClick que converte um campo text em password, funciona certinho. Porém se utilizar a tecla TAB a função não funciona. Como eu posso fazer para quando press a tecla TAB(9) pular para o próxima input (como sempre acontece) e também acionar a função para converter? Segue o código:

 

<!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>FX CMS - Entrar</title>
<link href="css/style.css" type="text/css" rel="stylesheet" />
<?php include_once('config.php'); ?>
<script type="text/javascript">
function mudaInputType(){
	document.getElementById("password").type = "password";				
}
</script>
</head>

<body>
<div class="help-login"><a href="#">» Ajuda</a></div>
<form action="" method="post" enctype="multipart/form-data" id="form-login">
 <fieldset>
   <label for="user">Usuário</label>
     <input type="text" class="login-input" name="user" placeholder="nome@example.com" maxlength="32" />
<label for="password">Senha</label>
  <input type="text" id="password" class="login-input" name="password" placeholder="Senha" onClick="mudaInputType();" maxlength="32" />
<input type="submit" name="login" class="login" value="Inicar Sessão" />
 </fieldset>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não use "onclick", use "onfocus"(entrar) e "onblur"(sair)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o motivo é que o IE é incapaz de realizar essa alteração dinâmica de type do input.

 

falha do browser mesmo.

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