Usuário com melhor resposta
Ajuda com Javascript e Jquery

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)
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
-
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- Marcado como Resposta Eder CostaModerator terça-feira, 5 de abril de 2011 19:03
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 -
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
-
-
-
-
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á. *** -
-
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
-
-
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- Marcado como Resposta Eder CostaModerator terça-feira, 5 de abril de 2011 19:03
-
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 -
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 LisboaBom 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á. *** -
-
-
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 -