Aparecer um texto debaixo do campo edit em JavaScript

24 de abril de 2008 2 respostas

oculos 24 de abril de 2008

Olá pessoal, já postei no GUJS mas não obtive resposta,
gostaria de uma ajuda de vocês sobre JavaScript!!

Criei uma função para retornar se a senha passada é correta ou não,
e conforme clica no botão chamo a função e dentro dela
coloco o document.write(“senha incorreta”), mas só que ele
gera uma outra página, ao invés de aparecer embaixo
do edit de senha, tem como aparecer esta mensagem embaixo
do edit?

exemplo:

Senha: [senhadigitada]
aqui embaixo aparecer se deu certo ou não!!

o código que fiz é esse:

<html>

<head>

<script language=“javascript”>

function validaSenha(valor) {

if (valor == “marcio”) {

document.write(“senha correta”) }

else {

document.write(“senha incorreta”)

}

}

</script>

</head>

<body>
<form name=“formulario”>
Digite a senha:
<input type=“password” name=“edSenha” value=“minhasenha” size=“20” maxlenght=“10”>
<input type=“button” value=“Logar” onClick=“validaSenha(edSenha.value)”>
</form>
</body>

</html>

obrigado!!!

2 Respostas

doug 24 de abr. de 2008

Olá
Então, tem uma API de javascript chamada JQuery.. onde vc pode manupular
dados, aplicar tecnicas ajax... e também inserir conteúdo em div's
o que seria seu caso... Lógico se não quiser pode fazer isso na mão
com innerhtml acho que é assim a sintaxe.

Só que para isso precisaria ir uma div logo abaixo do
input text de senha... algo do genero

Senha: &lt;input type="text"&gt;
        &lt;div id="retorno"&gt;&lt;/div&gt;

         ......


          se usar Jquery
        &lt;script&gt;
           if (valor == "marcio") {
                $("#retorno").empty().append("senha correta")
           }else {
               $("#retorno").empty().append("senha incorreta")
            } 
        &lt;/script&gt;

           Se não usa, acho que fica assim.... pois não lembro direito da sintaxe
                   &lt;script&gt;
           if (valor == "marcio") {
                document.getElementById("retorno").innerHtml("senha correta")
           }else {
                document.getElementById("retorno").innerHtml("senha incorreta")
            } 
        &lt;/script&gt;

BOm espero ter ajudado

flwssss

oculos 25 de abr. de 2008

E ae Tiago, funcionou!!
Valeu, coloquei sem usar a API JQuery.

Valeu mesmo cara!!

falows!
8)

Criado 24 de abril de 2008

Ultima resposta 25 de abr. de 2008

Respostas 2

Participantes 2

2 Respostas

Topicos relacionados