none
Ajuda com Javascript e Jquery RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Boa tarde pessoal, gostaria que vocês me ajudassem com algumas materiais ou dicas de como começar a mecher com estas tecnoogias ?

     

    Obrigado Pessoal!

    • Movido AndreAlvesLima terça-feira, 15 de fevereiro de 2011 17:54 (De:.NET Development - Geral)
    sexta-feira, 11 de fevereiro de 2011 17:02
    |

Respostas

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Alan,

    Fiz um exemplo para você se basear quando validar seus campos:

    <!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>teste</title>
<script type="text/javascript">
<!--
	function validate_form ( )
		{
				valid = true;
	
				//texts	
				if ( document.contact_form.nome.value == "" )
				{
						alert ( "Favor preencher o campo Nome" );
						valid = false;
				}else{
		
					if ( document.contact_form.ddd.value == "" )
					{
							alert ( "Favor preencher o campo DDD" );
							valid = false;
					}else{
								
						if ( document.contact_form.telefone.value == "" )
						{
								alert ( "Favor preencher o campo Telefone" );
								valid = false;
						}else{
				
							if ( document.contact_form.email.value == "" )
							{
									alert ( "Favor preencher o campo E-mail" );
									valid = false;
							}else{
				
								//select
								if ( document.contact_form.assunto.selectedIndex == 0 )
								{
										alert ( "Por favor selecione o campo Assunto" );
										valid = false;
								}else{
								
									if ( document.contact_form.mensagem.value == "" )
									{
											alert ( "Favor preencher o campo Mensagem" );
											valid = false;
									}
								}
							}
						}
					}
				}
					
				if(valid == true){
				
					alert("Menssagem enviada com sucesso!");
				
				}
				
				return valid;
		}
		
		//-->
</script>
</head>

<body>
  <form action="contato.asp" method="post" name="contact_form" style="width: 315px;" onsubmit="return validate_form()";>
    <fieldset title="Formulário de contato">
      <label for="nome">Nome completo <input type="text" name="nome" /></label>
      <label for="ddd" style="width: 40px;">DDD <input type="text" name="ddd" style="width: 30px; margin-right: 2px;" /></label>
      <label for="telefone" style="width: 240px;">Telefone <input type="text" name="telefone" style="width: 220px;" /></label>
      <label for="email">E-mail <input type="text" name="email" /></label>
      <label for="assunto">Assunto
       <select name="assunto">
         <option selected value="0">Selecione...</option>
         <option value="duvidas">Dúvidas</option>
         <option value="solicitacoes">Solicitações</option>
         <option value="sugestao">Sugestões</option>
         <option value="elogios">Elogios</option>
         <option value="reclamacoes">Reclamações</option>
       </select>								
      </label>
      <label for="mensagem" class="mensagem">Mensagem
       <textarea name="mensagem" id="mensagem"></textarea>
      </label>      
      <input type="submit" name="enviar" value="Enviar mensagem" class="botao_enviar" />
    </fieldset>
  </form>
  </div>
</body>
</html>

    Wesley Lisboa
    • Sugerido como Resposta Wesley Lisboa quinta-feira, 17 de fevereiro de 2011 21:56
    • Marcado como Resposta Eder CostaModerator terça-feira, 5 de abril de 2011 19:03
    domingo, 13 de fevereiro de 2011 21:20
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Alan,

    Sim o código é o mesmo, para você fazer isso basta fazer o arquivo javascript(.js) e importar ele para a página da seguinte maneira:

    <script type="text/javascript" src="CAMINHO DO ARQUIVO/NOME DO ARQUIVO.js" language="javascript"></script>

    Wesley Lisboa
    domingo, 13 de fevereiro de 2011 21:50
    |

Todas as Respostas

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Alan,

    acredito que um bom começo é o livro "Fundamentos de jQuery", que além de ser gratuito, recentemente foi traduzido para português. Veja:

    http://herberthamaral.com/2010/11/livro-fundamentos-de-jquery-100-traduzido-para-pt-br/

    Ricardo Oneda Blog de Ricardo Oneda Perfil de Ricardo Oneda no Twitter Perfil MVP de Ricardo Oneda
    sexta-feira, 11 de fevereiro de 2011 17:34
    |
    Moderador
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Oneda, show de bola esse link. Se tiver mais links desse posta no RSS, sem querer abusar de sua boa vontade.
    Alan, só para complementar depois que criaram a biblioteca de JQuery, muitos perderam a vontade de escrever JavaScript, mas acho interessante enteder no mínimo o básico.

    No link abaixo você consegue ver algumas coisas sobre JS
    http://www.babooforum.com.br/forum/index.php?/topic/617161-tutorial-gratuito-para-voce-aprender-javascript/

    Abraço

    Estevam

    **** Se a reposta foi útil, então não esqueça de marca-lá. ***
    • Editado Luiz Estevam sexta-feira, 11 de fevereiro de 2011 18:08 Complementar post
    sexta-feira, 11 de fevereiro de 2011 18:03
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Pessoal por favor de uma exemplo de como validarformulario com um arquivo externo, pois não estou conseguindo ??

     

    Vlww

    domingo, 13 de fevereiro de 2011 13:35
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Que tipo de validação você esta querendo realizar?

    Abraço

    Estevam

    **** Se a reposta foi útil, então não esqueça de marca-lá. ***
    domingo, 13 de fevereiro de 2011 15:04
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Tenho o campo email, telefone, nome, sobrenome

    vlw luiz

    domingo, 13 de fevereiro de 2011 18:56
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Alan, sua dúvida esta confusa, você validar campos existentes em documentos externos (Exemplos: doc, xls), através de javascript? Se for isso não existe tal possibilidade.

    Abraço

    Estevam

    **** Se a reposta foi útil, então não esqueça de marca-lá. ***
    domingo, 13 de fevereiro de 2011 20:24
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Então eu tenho quatro campos no meu formulario (email, telefone, nome, sobrenome), eu queria adicionar um Javascript validando estes campos, tendeu ?

     

    Obrigado pela ajuda!!

    domingo, 13 de fevereiro de 2011 20:54
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Alan,

    Fiz um exemplo para você se basear quando validar seus campos:

    <!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>teste</title>
<script type="text/javascript">
<!--
	function validate_form ( )
		{
				valid = true;
	
				//texts	
				if ( document.contact_form.nome.value == "" )
				{
						alert ( "Favor preencher o campo Nome" );
						valid = false;
				}else{
		
					if ( document.contact_form.ddd.value == "" )
					{
							alert ( "Favor preencher o campo DDD" );
							valid = false;
					}else{
								
						if ( document.contact_form.telefone.value == "" )
						{
								alert ( "Favor preencher o campo Telefone" );
								valid = false;
						}else{
				
							if ( document.contact_form.email.value == "" )
							{
									alert ( "Favor preencher o campo E-mail" );
									valid = false;
							}else{
				
								//select
								if ( document.contact_form.assunto.selectedIndex == 0 )
								{
										alert ( "Por favor selecione o campo Assunto" );
										valid = false;
								}else{
								
									if ( document.contact_form.mensagem.value == "" )
									{
											alert ( "Favor preencher o campo Mensagem" );
											valid = false;
									}
								}
							}
						}
					}
				}
					
				if(valid == true){
				
					alert("Menssagem enviada com sucesso!");
				
				}
				
				return valid;
		}
		
		//-->
</script>
</head>

<body>
  <form action="contato.asp" method="post" name="contact_form" style="width: 315px;" onsubmit="return validate_form()";>
    <fieldset title="Formulário de contato">
      <label for="nome">Nome completo <input type="text" name="nome" /></label>
      <label for="ddd" style="width: 40px;">DDD <input type="text" name="ddd" style="width: 30px; margin-right: 2px;" /></label>
      <label for="telefone" style="width: 240px;">Telefone <input type="text" name="telefone" style="width: 220px;" /></label>
      <label for="email">E-mail <input type="text" name="email" /></label>
      <label for="assunto">Assunto
       <select name="assunto">
         <option selected value="0">Selecione...</option>
         <option value="duvidas">Dúvidas</option>
         <option value="solicitacoes">Solicitações</option>
         <option value="sugestao">Sugestões</option>
         <option value="elogios">Elogios</option>
         <option value="reclamacoes">Reclamações</option>
       </select>								
      </label>
      <label for="mensagem" class="mensagem">Mensagem
       <textarea name="mensagem" id="mensagem"></textarea>
      </label>      
      <input type="submit" name="enviar" value="Enviar mensagem" class="botao_enviar" />
    </fieldset>
  </form>
  </div>
</body>
</html>

    Wesley Lisboa
    • Sugerido como Resposta Wesley Lisboa quinta-feira, 17 de fevereiro de 2011 21:56
    • Marcado como Resposta Eder CostaModerator terça-feira, 5 de abril de 2011 19:03
    domingo, 13 de fevereiro de 2011 21:20
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Wesley o código seria o mesmo se fosse um arquivo Javascript externo ??

     

    Vlww

    domingo, 13 de fevereiro de 2011 21:33
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Alan,

    Sim o código é o mesmo, para você fazer isso basta fazer o arquivo javascript(.js) e importar ele para a página da seguinte maneira:

    <script type="text/javascript" src="CAMINHO DO ARQUIVO/NOME DO ARQUIVO.js" language="javascript"></script>

    Wesley Lisboa
    domingo, 13 de fevereiro de 2011 21:50
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Alan,

    Veja o JQuery validator em: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

    Eu já usei e funcionou muito bem!

    Espero ter ajudado!

    HJ
    domingo, 13 de fevereiro de 2011 23:30
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Alan,

    Sim o código é o mesmo, para você fazer isso basta fazer o arquivo javascript(.js) e importar ele para a página da seguinte maneira:

     

    <script type="text/javascript" src="CAMINHO DO ARQUIVO/NOME DO ARQUIVO.js" language="javascript"></script>

     

    Wesley Lisboa

    Bom Alam, agora entendi o que estava querendo, o Wesley já lhe deu todos os passos, só fique atento que o "arquivo.js" deve conter apenas código javas script, SEM as tag incial e final (<script> e </script>), somente o código.

    Abraço

    Estevam

    **** Se a reposta foi útil, então não esqueça de marca-lá. ***
    segunda-feira, 14 de fevereiro de 2011 00:47
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Caraca não estou conseguindo fazer o Javascript funcionar, Que zikaa :(

     

    terça-feira, 15 de fevereiro de 2011 14:21
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Alan,

    Poste o código.

    Wesley Lisboa
    terça-feira, 15 de fevereiro de 2011 15:02
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Prezado(a),

    Estou migrando seu post para o fórum de Desenvolvimento Web Geral.

    Por favor, das próximas vezes que tiver alguma dúvida relacionada a esse assunto, poste por lá.

    Obrigado.

    André Alves de Lima
    Microsoft MVP - Client App Dev
    Visite o meu site: http://www.andrealveslima.com.br
    Me siga no Twitter: @andrealveslima
    terça-feira, 15 de fevereiro de 2011 17:53
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Obrigado pela ajuda!

     

    Vou fazer mais alguns testes e posto o código!

     

    Vlw!

    quinta-feira, 24 de fevereiro de 2011 11:48
    |