Ir para conteúdo

POWERED BY:

Arquivado

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

lucasalp

erro login

Por , em Javascript

Recommended Posts

lucasalp    0

lucasalp
Postado

Bem gente vocês sabem o nome do programa exemplo
tem a barra de login se eu não preencher vai aparecer uma mensagem (Não uma mensagem de alerta) é tipo:

login

nome:

(a barra)

senha:

(a barra)

 

Entrar(botão)

se eu clicar em Entrar sem preencher eu quero que ele apareça uma mensagem embaixo do login e senha como assim no exemplo abaixo:

 

nome:

Erro:Você não preencheu

(a barra)

senha:

Erro:Você não preencheu

(a barra)

 

Entrar(botão)

 

Sem sair da pagina.

Compartilhar este post

Link para o post
Compartilhar em outros sites

lucasalp    0

lucasalp
Postado

Bruno eu queria sem o alert();
Eu queria tipo ao clicar em Entrar ele cria uma frase de erro em cima do <form> não de alerta tipo:

<p id="erro">

</p>

ai se eu clicar em entrar e não preencher o formulário ele aparece uma mensagem dentro da <P> tipo:

<p id="erro">

<span>Erro você não preencheu seu formulário</span>

</p>

se souber o nome eu agradeço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Correto, veja se isso lhe ajuda.

 

 

<!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>Documento sem título</title>
<style type="text/css">
span {
display:block;
margin:0 0 20px 0;
}
 
label {
float:left;
width:80px;
}
 
input {
width:200px;
height:25px;
border:1px solid #ccc;
}
 
#error {
visibility:hidden;
}
 
#error img {
vertical-align:middle;
}
 
 
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#submit").click(function(){
if($("[name='nome']").val() == "" || $("[name='email']").val() == ""){
$("#error").css("visibility","visible");
$("#error").text("Erro você não preencheu seu formulário!");
}
else
{
$("#error").css("visibility","visible");
$("#error").text("Você preencheu seu formulário!");
 
}
});
});
</script>
</head>
 
<body>
<span id="error">
Erro você não preencheu seu formulário!
</span>
<form>
<p>
<label>Nome:</label>
<input type="text" name="nome" />
</p>
 
 
<p>
<label>E-mail:</label>
<input type="text" name="email" />
</p>
 
<input type="button" value="Cadastrar" id="submit" />
 
 
</form>
 
</body>
</html>

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