none
Ajuda com Javascript e Jquery RRS feed

  • Pergunta

  • 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

  • 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
  • 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

  • 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
  • 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
  • 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
  • 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
  • Tenho o campo email, telefone, nome, sobrenome

    vlw luiz

    domingo, 13 de fevereiro de 2011 18:56
  • 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
  • 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
  • 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
  • Wesley o código seria o mesmo se fosse um arquivo Javascript externo ??

     

    Vlww

    domingo, 13 de fevereiro de 2011 21:33
  • 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
  • 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
  • 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
  • Caraca não estou conseguindo fazer o Javascript funcionar, Que zikaa :(

     

    terça-feira, 15 de fevereiro de 2011 14:21
  • Alan,

    Poste o código.


    Wesley Lisboa
    terça-feira, 15 de fevereiro de 2011 15:02
  • 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
  • Obrigado pela ajuda!

     

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

     

    Vlw!

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