[Resolvido] Ao inserir código javascript o outro para de funciona

Raíne Santana · Julho 19, 2012

Implementei corretamente um plugin Jquery pra fazer máscaras nos inputs de um formulário. No entanto ao inserir um código script de validação de campos a mascara para funcionar.

Não tenho a mínima ideia de onde possa estar o erro.

<head>
       <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
       <title>:: Sky Santel</title>   

       <link href="css/reset.css" rel="stylesheet" type="text/css" />     
       <link href="css/estrutura.css" rel="stylesheet" type="text/css" />
       <link href="css/index.css" rel="stylesheet" type="text/css" />
       <link href="css/validar.css" rel="stylesheet" type="text/css"  />


       <link href="css/paginas/assine-sky.css" rel="stylesheet" type="text/css" />
       <link href="css/form/assine-sky.css" rel="stylesheet" type="text/css" />

       <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
       <script type="text/javascript" src="js/jquery.animate-colors-min.js"></script>
       <script type="text/javascript" src="js/slides.min.jquery.js"></script>
       <script type="text/javascript" src="js/jquery.maskedinput-1.1.4.pack.js"></script>
       <script type="text/javaScript" src="js/jquery-validation-1.9.0/jquery.validate.js"></script>


       <script type="text/javascript">
           $(document).ready(function(){
               $(".dataMask").mask("99/99/9999");
               $(".cpfMask").mask("999.999.999-99");
               $(".cepMask").mask("99999-999");
               $(".telefoneMask").mask("(999)9999-9999");
               $(".celularMask").mask("(999)9999-9999");
               $("a[rel=page]").fancybox();
           });
       </script>

       <script type="text/javascript">
           $(document).ready( function() {
               $("#FormAssineSky").validate({
                   rules:{
                       Nome:{
                           required: true, minlength: 2
                       },
                       Sobrenome:{
                           required: true, minlength: 2
                       },
                       rg:{
                           required: true
                       },
                       DataNascimento:{
                           required: true, minlength: 8
                       },
                       Email:{
                           required: true, email: true                        
                       },
                       TelefoneFixo:{
                           required: true, minlength: 11
                       },
                       TelefoneCelular:{
                           required: true, minlength: 11
                       },
                       TelefoneCelular:{
                           required: true, minlength: 11
                       },
                       Endereco:{
                           required: true, minlength: 6
                       },
                       Bairro:{
                           required: true, minlength: 2
                       },
                       Cidade:{
                           required: true, minlength: 2
                       },
                       Estado:{
                           required: true, minlength: 2
                       }
                   },
                   messages:{
                       Nome:{
                           required: "O campo nome é obrigatório",
                           minlength: "O seu nome deve conter, no mínimo, 2 caracteres"
                       },
                       Sobrenome:{
                           required: "O campo sobrenome é obrigatório",
                           minlength: "O seu sobrenome deve conter, no mínimo, 2 caracteres"
                       },
                       rg:{
                           required: "O campo RG é obrigatório"
                       },
                       DataNascimento:{
                           required: "O campo data de nascimento é obrigatório",
                           minlength: "O campo data de nascimento deve conter, no mínimo, 8 caracteres"
                       },
                       Email:{
                           required: "O campo e-mail é obrigatório",
                           email: "Digite um e-mail válido"
                       },
                       TelefoneFixo:{
                           required: "O campo telefone é obrigatório",
                           minlength: "O campo telefone deve conter, no mínimo, 11 caractres"
                       },
                       TelefoneCelular:{
                           required: "O campo telefone é obrigatório",
                           minlength: "O campo telefone deve conter, no mínimo, 11 caractres"
                       },
                       Endereco:{
                           required: "O campo endereço é obrigatório",
                           minlength: "O campo endereço deve conter, no mínimo, 6 caracteres"
                       },
                       Bairro:{
                           required: "O campo bairro é obrigatório",
                           minlength: "O campo bairro deve conter, no mínimo, 2 caracteres"
                       },
                       Cidade:{
                           required: "O campo cidade é obrigatório",
                           minlength: "O campo cidade deve conter, no mínimo, 2 caracteres"
                       },
                       Estado:{
                           required: "O campo estado é obrigatório",
                           minlength: "O campo estado deve conter, no mínimo, 2 caracteres"
                       }
                   }
               });
           });       
       </script>
   </head>

Alguém saberia me dizer o que fiz de errado? Agradeço desde já.

Progjunior Daniel · Julho 19, 2012

Não pode ter mais de um arquivo de extensão js.

Voce terá que juntar os codigos num arquivo, mas as vezes não dá, mas tenta não custa nada.

Voce nao pode colocar mais de um arquivo js. Terá que juntar os codigos, não é uma boa ideia, mas tenta para ver se consegue.

Lucas Guima · Julho 19, 2012

Não pode ter mais de um arquivo de extensão js.Voce terá que juntar os codigos num arquivo, mas as vezes não dá, mas tenta não custa nada.Voce nao pode colocar mais de um arquivo js. Terá que juntar os codigos, não é uma boa ideia, mas tenta para ver se consegue.

Desde quando isso?

O que pode estar acontecendo é conflito entre os plugins que você está usando. Se você juntar num arquivo só, não vai mudar nada, o código será o mesmo.

Antes de mais nada, atualiza sua biblioteca jQuery para a versão mais recente e retorne nos informando se mudou algo.

Wanderson Valerio · Julho 19, 2012

<head>
       <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
       <title>:: Sky Santel</title>   

       <link href="css/reset.css" rel="stylesheet" type="text/css" />     
       <link href="css/estrutura.css" rel="stylesheet" type="text/css" />
       <link href="css/index.css" rel="stylesheet" type="text/css" />
       <link href="css/validar.css" rel="stylesheet" type="text/css"  />


       <link href="css/paginas/assine-sky.css" rel="stylesheet" type="text/css" />
       <link href="css/form/assine-sky.css" rel="stylesheet" type="text/css" />

       <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
       <script type="text/javascript" src="js/jquery.animate-colors-min.js"></script>
       <script type="text/javascript" src="js/slides.min.jquery.js"></script>
       <script type="text/javascript" src="js/jquery.maskedinput-1.1.4.pack.js"></script>
       <script type="text/javaScript" src="js/jquery-validation-1.9.0/jquery.validate.js"></script>

       <script type="text/javascript">
           $(document).ready( function() {
                   $(".dataMask").mask("99/99/9999");
                   $(".cpfMask").mask("999.999.999-99");
                   $(".cepMask").mask("99999-999");
                   $(".telefoneMask").mask("(999)9999-9999");
                   $(".celularMask").mask("(999)9999-9999");
                   $("a[rel=page]").fancybox();

                   $("#FormAssineSky").validate({
                   rules:{
                       Nome:{
                           required: true, minlength: 2
                       },
                       Sobrenome:{
                           required: true, minlength: 2
                       },
                       rg:{
                           required: true
                       },
                       DataNascimento:{
                           required: true, minlength: 8
                       },
                       Email:{
                           required: true, email: true                        
                       },
                       TelefoneFixo:{
                           required: true, minlength: 11
                       },
                       TelefoneCelular:{
                           required: true, minlength: 11
                       },
                       TelefoneCelular:{
                           required: true, minlength: 11
                       },
                       Endereco:{
                           required: true, minlength: 6
                       },
                       Bairro:{
                           required: true, minlength: 2
                       },
                       Cidade:{
                           required: true, minlength: 2
                       },
                       Estado:{
                           required: true, minlength: 2
                       }
                   },
                   messages:{
                       Nome:{
                           required: "O campo nome é obrigatório",
                           minlength: "O seu nome deve conter, no mínimo, 2 caracteres"
                       },
                       Sobrenome:{
                           required: "O campo sobrenome é obrigatório",
                           minlength: "O seu sobrenome deve conter, no mínimo, 2 caracteres"
                       },
                       rg:{
                           required: "O campo RG é obrigatório"
                       },
                       DataNascimento:{
                           required: "O campo data de nascimento é obrigatório",
                           minlength: "O campo data de nascimento deve conter, no mínimo, 8 caracteres"
                       },
                       Email:{
                           required: "O campo e-mail é obrigatório",
                           email: "Digite um e-mail válido"
                       },
                       TelefoneFixo:{
                           required: "O campo telefone é obrigatório",
                           minlength: "O campo telefone deve conter, no mínimo, 11 caractres"
                       },
                       TelefoneCelular:{
                           required: "O campo telefone é obrigatório",
                           minlength: "O campo telefone deve conter, no mínimo, 11 caractres"
                       },
                       Endereco:{
                           required: "O campo endereço é obrigatório",
                           minlength: "O campo endereço deve conter, no mínimo, 6 caracteres"
                       },
                       Bairro:{
                           required: "O campo bairro é obrigatório",
                           minlength: "O campo bairro deve conter, no mínimo, 2 caracteres"
                       },
                       Cidade:{
                           required: "O campo cidade é obrigatório",
                           minlength: "O campo cidade deve conter, no mínimo, 2 caracteres"
                       },
                       Estado:{
                           required: "O campo estado é obrigatório",
                           minlength: "O campo estado deve conter, no mínimo, 2 caracteres"
                       }
                   }
               });
           });       
       </script>
   </head>

Eu não tenho certeza, mas talvez seja porquê você esteja usando o "$(document).ready(function(){})" duas vezes, mas se não for isso, deve ser conflito dos dois plugins.

Progjunior Daniel · Julho 20, 2012

Desde quando isso?

O que pode estar acontecendo é conflito entre os plugins que você está usando. Se você juntar num arquivo só, não vai mudar nada, o código será o mesmo.

Antes de mais nada, atualiza sua biblioteca jQuery para a versão mais recente e retorne nos informando se mudou algo.

Sim e se voce ver o código dela tem mais de um arquivo js. Pelo minimo de experiência que eu tenho não pode juntar por causa dos plugins que existem no js, ainda mais trazendo do site. Agora eu já juntei 2 arquivos js e deu problema, justamente por causa do plugin, entao tive que fazer em 2 páginas redirecionando, porque não conseguia fazer os 2 efeitos que queria. Minha intenção será sempre ajudar e nunca achar que sou o cara bom.

Raíne Santana · Julho 20, 2012

Desde quando isso?

O que pode estar acontecendo é conflito entre os plugins que você está usando. Se você juntar num arquivo só, não vai mudar nada, o código será o mesmo.

Antes de mais nada, atualiza sua biblioteca jQuery para a versão mais recente e retorne nos informando se mudou algo.

Primeiro, obrigada pelo auxílio Lucas.

Atualizei a versão para 1.7.2, mas continuou com o mesmo problema. :(

Lucas Guima · Julho 20, 2012

Primeiro, obrigada pelo auxílio Lucas.

Atualizei a versão para 1.7.2, mas continuou com o mesmo problema. :(

Bom, então é conflito entre os plugins. Verifique se você está utilizando as versões mais recentes de cada um também. Em último caso, procure por jQuery noConflict.

Sim e se voce ver o código dela tem mais de um arquivo js. Pelo minimo de experiência que eu tenho não pode juntar por causa dos plugins que existem no js, ainda mais trazendo do site. Agora eu já juntei 2 arquivos js e deu problema, justamente por causa do plugin, entao tive que fazer em 2 páginas redirecionando, porque não conseguia fazer os 2 efeitos que queria.

O problema é com mais de um plugin, não com mais de um arquivo js.

Rafael Fernandes_150844 · Julho 20, 2012

Conflito de plugins , aconselho a você fazer uma função jquery pra validar

Raíne Santana · Julho 21, 2012

O problema estava entre o computador e cadeira rs. Foi descuido, confusão... sou muito distraída.

Tinha inserido código do plugin Facybox $("a[rel=page]").fancybox(); mas não tinha colocado o .js referente ao mesmo.

Muito obrigada pela ajuda de vocês. E desculpa ter tomado o tempo sem uma causa realmente importante.

Arquivado

[Resolvido] Ao inserir código javascript o outro para de funciona

Recommended Posts

Raíne Santana 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Progjunior Daniel 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

Lucas Guima 164

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wanderson Valerio 102

Compartilhar este post

Link para o post

Compartilhar em outros sites

Progjunior Daniel 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

Raíne Santana 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Lucas Guima 164

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael Fernandes_150844 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Raíne Santana 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante