Ir para conteúdo

POWERED BY:

Arquivado

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

Evandro Sousa

[Resolvido] Como utilizar diversos JQuery?

Recommended Posts

Bom dia pessoal.

Sou novo com JQuery, comecei a estuda-la semana passada.

Essa semana eu resolvi fazer alguns testes e peguei alguns exemplos já feitos aqui mesmo no Imasters, criei um form e validei, criei mask, mas tudo isso em arquivos diferentes. Agora tentei criar tudo dentro de um só arquivo e a Mask não funcionou.

Sabem como faço para funcionar o Mask e Validação tudo junto?

 

Veja o código:

<html>
 <head>
 <script src="jquery.js" type="text/javascript"></script>
 <script src="maskedinput.js" type="text/javascript"></script>
 <script src="jquery.validate.js" type="text/javascript"></script>
 <style type="text/css">
 *{ font-family: Verdana; font-size: 96%; }
 label{ display: block; margin-top: 10px; }
 label.erro{ float:none; color: red; margin:0 .5em 0 0; vertical-align: top; font-size: 10px; }
 p{ clear:both; }
 .submit{ margin-top: lem; }
 em{ font-weight: bolt; padding-right: lem; vertical-align: top; }
 </style>
 <script type="text/javascript">
 $(function()
 {
 $("#telefone").mask("(99)9999-9999");
 });

 $(document).ready(function()
 {
 $("#formularioContato").validate
 ({
 rules:
 {
 campoNome:
 {
 required: true, minlength: 2
 },
 campoEmail:
 {
 required: true, email: true
 },
 campoTelefone:
 {
 required: true
 },
 campoMensagem:
 {
 required: true, minlength: 2
 }
 },
 messages:
 {
 campoNome:
 {
 required: "Digite seu nome",
 minlength: "O nome deve conter no minimo 2 caracteres"
 },
 campoEmail:
 {
 required: "Digite seu e-mail",
 email: "Digite um e-mail valido"
 },
 campoTelefone:
 {
 required: "Digite o telefone"
 },
 campoMensagem:
 {
 required: "Digite uma mensagem",
 minlength: "A sua mensagem deve conter no minimo 2 caracteres"
 }
 }
 })
 });
 </script>
 </head>
 <body>
 <form id="formularioContato" method="post" action="">
 <label>Nome</label>
 <input name="campoNome" type="text" value="" />
 <label>E-mail</label>
 <input name="campoEmail" type="text" value="" />
 <label>Telefone</label>
 <input name="campoTelefone" id="campoTelefone" type="text" value="" />
 <label>Mensagem</label>
 <textarea name="campoMensagem"></textarea>

 <input type="submit" class="submit" value="Enviar" />
 </form>
 </body>
</html>

 

Abraços...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Essa linha:

$(function()
e essa linha:
$(document).ready(function()
fazem a mesma coisa.

iniciar o jQuery

 

Basta juntar a declaração.

 

Ficaria algo como: (basta escolher qualquer uma das 2, por motivos de clareza no código, eu adoto a sintaxe completa)

 <script type="text/javascript">

 $(document).ready(function()
 {
//em vez de 'iniciar o jquery' várias vezes, inicie apenas uma vez, e coloque todos os teus scripts nesse bloco
 $("#telefone").mask("(99)9999-9999"); 


 $("#formularioContato").validate
 ({
..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá William, acabo de testar aqui e continua não funcionando o mask.

 

 $(document).ready(function()
 {
 $("#telefone").mask("(99)9999-9999");
 $("#formularioContato").validate
 ({
 rules:
 {
 campoNome:

Tem algum segredinho para fazer com que os dois funcionem?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu não tinha notado, mas tem um erro ne?!

o id do teu campo de telefone é campoTelefone, e não telefone como você declarou no script.

<script type="text/javascript">
$(document).ready(function(){
	$("#campoTelefone").mask("(99)9999-9999");
	$("#formularioContato").validate({
cuidado..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.