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: 448

Incompatibilidade croppic.js + jQuery Validation

19-08-2016 01:13

Quando Desativo o Croppic Jquery Validation funciona, quando ativo não faz a validação de campos, será que tem algum tipo de conflito ? obrigado
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 448

Re: Incompatibilidade croppic.js + jQuery Validation

19-08-2016 01:43

Pode ser isso ?
CROPPIC
/* * CROPPIC * dependancy: jQuery * author: Ognjen "Zmaj Džedaj" Božičković and Mat Steinlin */ (function (window, document) {

Validation
/*! jQuery Validation Plugin - v1.11.0 - 2/4/2013 https://github.com/jzaefferer/jquery-validation Copyright (c) 2013 Jörn Zaefferer; Licensed MIT */ (function($){$.extend($.fn,{validate:function(options)


Pode ser conflito de function? obrigado
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Incompatibilidade croppic.js + jQuery Validation

19-08-2016 07:36

O script de validação você está usando como base o modelo de jquery-validation-master/demo/?
O croppic qual modelo está usando?

Você também pode usar o noConflict Problema-noConflict-jQuery-clique-no-link_3_7555.html
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 448

Re: Incompatibilidade croppic.js + jQuery Validation

22-08-2016 01:34

Certo tentei de algumas formas mas não consegui pode me dar uma dica de como insiro o noConflict dentro do código ?

Código da validação

<script type="text/javascript"> $(function(){ // Validation $("#usuario_cadastro").validate( { // Rules for form validation rules: { nome: { required: true, }, email: { required: true, email: true }, captcha: { required: true, remote: "captcha/process.php" }, login: { required: true }, senha: { required: true }, }, // Messages for form validation messages: { nome: { required: 'Preencha com o Nome' }, email: { required: 'Preencha com o Email', email: 'Preencha com Email Válido' }, captcha: { required: "Preencha com a Validação. Clique na imagem para Nova Imagem ", remote: "Validação Errada ou Incompleta, Olhe a imagem e Digite Corretamente" }, login: { required: "Preencha com o Usuário" }, senha: { required: "Preencha com a Senha desejada" }, }, // Do not change code below errorPlacement: function(error, element) { error.insertAfter(element.parent()); } }); $.validator.addMethod("senha", function (value, element) { return this.optional(element) || /^[A-Za-z0-9!@#$%^&*()_]{6,16}$/i.test(value); }, "Passwords are 6-16 characters"); }); </script>

Obrigado
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Incompatibilidade croppic.js + jQuery Validation

22-08-2016 09:09

Seria

<script type="text/javascript"> $.noConflict(); $(function(){ // Validation ..

Esses conflitos podem acontecer quando dois script chamam tem o mesmo tipo de chamada algum nome de função, id ou algo similar.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 448

Re: Incompatibilidade croppic.js + jQuery Validation

30-08-2016 15:20


<script type="text/javascript"> $.noConflict(); $(function(){ // Validation ..

eu tentei com esse código acima, alem de quebrar todo o menu do template, continua não funcionando.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Incompatibilidade croppic.js + jQuery Validation

30-08-2016 15:28

Posta ambos links dos script originais para eu baixar e testar ambos aqui.
0
A melhor hospedagem para o seu site HostGator!
 
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Incompatibilidade croppic.js + jQuery Validation

30-08-2016 15:54

Estou falando dos scripts funcionais. Onde você baixa o pacote com os exemplos tirado do site do autor do script. Para poder rodar os 2 scripts no mesmo documento e entender o conflito.
0
A melhor hospedagem para o seu site HostGator!
 
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Incompatibilidade croppic.js + jQuery Validation

30-08-2016 16:23

Fiz o seguinte aqui. Abrir o exemplo do croppic, que logicamente está funcionando normal.

Percebi que o croppic usa essa biblioteca jQuery

<script src=" https://code.jquery.com/jquery-2.1.3.min.js"></script>

Ai abrir o exemplo do jQuery validation e copiei todo código HTML para dentro do exemplo do croppic, fazendo as devidas puxadas do arquivos do validation, e deu o conflito. A validação não funcionou.

Eu retirei a chamada jQuery acima do exemplo do croppic e deixei somente a chamada jQuery do validation, que é essa:

<script src="../validation/lib/jquery.js"></script>

Funcionou sem problema ambos scripts.

Resumindo. Tira a chamada jquery do croppic e creio que vai funcionar.
retirar essa linha.jpg
0
Você não está autorizado a ver ou baixar esse anexo.
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 448

Re: Incompatibilidade croppic.js + jQuery Validation

30-08-2016 16:32

Não entendi muito bem,

o meu está assim,
<link href="estilo.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="admin/css/demo.css"> <link rel="stylesheet" href="admin/css/font-awesome.css"> <link rel="stylesheet" href="admin/css/form_cadastro.css"> <link rel='stylesheet' type='text/css'href='admin/css/timepicki.css'/> <link rel='stylesheet' type='text/css'href='admin/css/bootstrap.css'/> <link rel='stylesheet' type="text/css" href="css/pwdwidget.css" /> <script src="js/pwdwidget.js" type="text/javascript"></script> <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script> <script src="js/jquery.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/datepicker-pt-BR.js"></script> <script src='js/timepicki.js'></script> <script src="js/jquery.maskedinput.min.js"></script> <script src="captcha/captcha.js"></script> <link href="assets/css/main.css" rel="stylesheet"> <link href="assets/css/croppic.css" rel="stylesheet"> <script src="assets/js/jquery.mousewheel.min.js"></script> <script src="croppic.js"></script> <script src="js/jquery.validate.min.js"></script>

Qual das linhas devo remover ? obrigado.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Incompatibilidade croppic.js + jQuery Validation

30-08-2016 16:46

Seria para retirar a linha

<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>

Essa linha é a chamada jQuery que o croppic usa. É ela que aparentemente está dando conflito com a chamada jQuery do validation

Você pode observar na imagem abaixo que estou usando os 2 scripts no mesmo documento. Só retirei a linha acima

Imagem
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 448

Re: Incompatibilidade croppic.js + jQuery Validation

01-09-2016 22:16

Tentei assim
<link href="estilo.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="admin/css/demo.css"> <link rel="stylesheet" href="admin/css/font-awesome.css"> <link rel="stylesheet" href="admin/css/form_cadastro.css"> <link rel='stylesheet' type='text/css'href='admin/css/timepicki.css'/> <link rel='stylesheet' type='text/css'href='admin/css/bootstrap.css'/> <link rel='stylesheet' type="text/css" href="css/pwdwidget.css" /> <link href="assets/css/main.css" rel="stylesheet"> <link href="assets/css/croppic.css" rel="stylesheet"> <script src="js/pwdwidget.js" type="text/javascript"></script> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/datepicker-pt-BR.js"></script> <script src='js/timepicki.js'></script> <script src="js/jquery.maskedinput.min.js"></script> <script src="captcha/captcha.js"></script> <script src="croppic.js"></script> <script src="assets/js/jquery.mousewheel.min.js"></script> <script src="js/jquery.validate.min.js"></script>

Não funciona

Tentei assim e não funciona tambem por que será ?
<link href="estilo.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="admin/css/demo.css"> <link rel="stylesheet" href="admin/css/font-awesome.css"> <link rel="stylesheet" href="admin/css/form_cadastro.css"> <link rel='stylesheet' type='text/css'href='admin/css/timepicki.css'/> <link rel='stylesheet' type='text/css'href='admin/css/bootstrap.css'/> <link rel='stylesheet' type="text/css" href="css/pwdwidget.css" /> <link href="assets/css/main.css" rel="stylesheet"> <link href="assets/css/croppic.css" rel="stylesheet"> <script src="js/pwdwidget.js" type="text/javascript"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/datepicker-pt-BR.js"></script> <script src='js/timepicki.js'></script> <script src="js/jquery.maskedinput.min.js"></script> <script src="captcha/captcha.js"></script> <script src="croppic.js"></script> <script src="assets/js/jquery.mousewheel.min.js"></script> <script src="js/jquery.validate.min.js"></script>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Incompatibilidade croppic.js + jQuery Validation

02-09-2016 08:24

To achado que pode ser a biblioteca jQuery UI

<script src="js/jquery-ui.min.js"></script>

Ou algum outro script sem ser o jQuery que pode estar dando conflito.

Aqui no teste que fiz com esses chamadas funcionou:

<script src="../validation/lib/jquery.js"></script> <script src="../validation/dist/jquery.validate.js"></script> <script src=" https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/jquery.mousewheel.min.js"></script> <script src="croppic.min.js"></script> <script src="assets/js/main.js"></script>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 448

Re: Incompatibilidade croppic.js + jQuery Validation

17-09-2016 11:04

Eu removi

<script src="js/jquery-ui.min.js"></script>

mas o erro continua acontecendo.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Incompatibilidade croppic.js + jQuery Validation

17-09-2016 17:09

Complicado. Testei somente os 2 script juntos em uma página e funcionou ambos. Teria que fazer teste o mesmo teste que fiz aqui, e adicionando seus scripts necessários para ver qual é o que está conflitando.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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