Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Usar duas funções jQuery ao mesmo tempo

19-03-2013 18:59

Olá!

Como posso adaptar este código para que as duas funções (#contato e #submitform) trabalhem perfeitamente?

#contato

<script type="text/javascript">             $(document).ready( function() {                 $("#contato").validate({                     // Define as regras                     rules:{                         campoNome:{                             // campoNome será obrigatorio (required) e terá tamanho minimo (minLength)                             required: true, minlength: 2                         },                          campoTelefone:{                             // campoNome será obrigatorio (required) e terá tamanho minimo (minLength)                             required: true, minlength: 2                         },                         campoMensagem:{                             // campoMensagem será obrigatorio (required) e terá tamanho minimo (minLength)                             required: true, minlength: 2                         }                     },                     // Define as mensagens de erro para cada regra                     messages:{                         campoNome:{                             required: "Digite o seu nome",                             minlength: "O seu nome deve conter, no mínimo, 2 caracteres"                         },                         campoTelefone:{                             required: "Digite um número de telefone para contato",                         },                         campoMensagem:{                             required: "Digite a sua mensagem",                             minlength: "A sua mensagem deve conter, no mínimo, 2 caracteres"                         }                     }                 });             });         </script>

#submitform

<script type="text/javascript">           $(document).ready(function() {                 $('#submitform').ajaxForm({                         target: '#formulario',                         success: function() {                         $('#formulario').fadeIn('slow');                         }                 });         });   </script>

Lembrando que estou usando a versão mais recente da biblioteca jQuery: 1.9.1 (<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>).
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Usar duas funções jQuery ao mesmo tempo

19-03-2013 19:58

Isso depende do plugin que você está usando. Esse abaixo, tem uma opção para quando os campos estiverem preenchidos enviar. Dá uma olhada que pode ser o mesmo que o seu http://bassistance.de/jquery-plugins/jq ... alidation/
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Usar duas funções jQuery ao mesmo tempo

19-03-2013 20:09

Não entendi muito bem aqueles exemplos. No entanto, encontrei outra possível solução - mas não sei como encaixá-la em meu código:

jQuery(function(){    jQuery.noConflict(); });

E agora?
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Usar duas funções jQuery ao mesmo tempo

19-03-2013 21:48

O noConflict() é necessário quando se usa duas bibliotecas diferente na mesma página.
Veja nesse link um exemplo igual ao seu http://jquery.bassistance.de/validate/demo/

Quando validado corretamente, aparece submitted! No lugar desse alert entra o seu submit.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Usar duas funções jQuery ao mesmo tempo

20-03-2013 19:04

Por não entender muito a biblioteca jQuery, optei por utilizar HTML5. Algo como:

<div class="formulario"><form action="">   <label>Nome <br/></label><input class="caixa" type="text" name="nome" required/><br/><br/> E-mail</label> <br/><input class="caixa" name="email" type=email placeholder="Opcional" /><br/><br/> Telefone</label> <br/><input class="caixa" name="telefone" type="text" required /><br/><br/> Mensagem</label> <br/><textarea rows="5" cols="18" class="textarea" required/></textarea> </div>   <input class="botao" type="submit" value="Enviar"/>&nbsp;&nbsp;<input class="botao" type="reset" value="Limpar"/></div>

Acredito que este método seja mais viável.. :rofl:
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Usar duas funções jQuery ao mesmo tempo

20-03-2013 21:42

Bem prático.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]