Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda para exibir texto ao lado de campo do form


Jobless

Pergunta

Olá galera preciso da ajuda de vocês..

Estou validando um campo de senha com javascript. Afim de que o usuário digite a senha de no mínimo 6 dígitos antes de prosseguir no preenchimento do formulário.

O código que estou usando é este:

<form method="post" name="nomeform" id="nomeform" action="">
<script type="text/javascript">
<!--
function validaSenha(nomeform){
if (document.nomeform.senha.value.length < 6){
alert('Por favor, sua senha tem quer ter pelo menos 6 digitos');
document.nomeform.senha.focus();
document.getElementById("senha").value = "";
return false;
}
else{
   return true;
}
}
//-->
</script>
  <p>
    <input name="textfield" type="text" id="textfield" size="45">
  </p>
  <p>&nbsp;</p>
  <p>
    <input type="password" id="senha" name="senha" maxlength="12"   onBlur="return validaSenha(this);" />
  <</p>
  <p>&nbsp;</p>
  <p>
    <input type="submit" name="button" id="button" value="Submit">
</p>
</form>

Quando a pessoa digita uma senha menor que 6 dígitos um alert avisa para digitar uma senha de no mínimo 6 dígitos, mas como posso incrementar este código para que quando a pessoa digitar uma senha menor que 6 dígitos também aparecer a frase em cor vermelha "Digite uma nova senha" ao lado direito do campo senha??

Alguém pode me ajudar?

Valeu!!

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Até onde sei é impossível fazer isso com a função alert

O que você pode fazer é mostrar a mensagem no próprio HTML da página e modificar o CSS para que fique em vermelho !

Ex.:

Adcione um campo para mostrar essa mensagem

<div id="msg_erro"></div>
E, ao invés do alert, deixe o código assim:
x=document.getElementById("msg_erro")
x.style.color="red"
x.style.innerHTML = "Preencha corretamente os campos !"

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...