Validação formulário com jQuery Tabs

[Bru_ce 53]

Pois é mano, eu tava vendo algo esses dias sobre Dojo e Ext Js,

Vou ver se começo a estudar,

Qual a diferença do Dojo para jQuery ?

Dá para fazer tudo com Dojo ?

 

Me salva mais uma vez aqui kk

Lembra à um tempo atrás que eu tinha perguntando sobre uma validação

O Usuário não poderia digitar valores iguais nos inputs

Por exemplo: valor 1 em um input, e em outro input valor 1 denovo.

Consegui fazer, agora me pediram para ai invés de ser um input, ser um select,

Sabe de alguma forma ?

[Vadio 13]

pra te facilita a vida é mais o menos isso..

 

acho q to fzd errado

o certo seria instancia o tabsWidget dentro de uma var e utilizar seus metodos mas como eu só descobri isso agora q já terminei vo dexa esse trabalho pra você..

 

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript"> 
   $(document).ready(function(){
       $("#tabs").tabs({disabled: [1,2] }); //cria tabs e desabilita 2 e 3 aba
       $("#form1").validate({ //cria validator
           submitHandler: function(form) { //executa função assim q form submetido for válido
               $("#tabs").tabs({disabled: [2]}); //habilita campo 2 mantém 3 aba desabilitada
               $("#tabs").tabs({active: 1}); //redirect
           }
       });
       $('#form1_name').rules('add',{required: true }); //regra para form
   });
</script>

<div id="tabs">
   <ul>
       <li><a href="#tabs-1">Dados Pessoais</a></li>
       <li><a href="#tabs-2">Dados Residenciais</a></li>
       <li><a href="#tabs-3">Dados de kk coisa</a></li>
   </ul>
   <div id="tabs-1">
       <form id="form1" onsubmit="return false;">
           <input type="name" id="form1_name" />
           <input type="submit" />
       </form>
   </div>
   <div id="tabs-2">

   </div>
   <div id="tabs-3">

   </div>
</div>

[Bru_ce 53]

NOSSA, obrigado mano ! MUITO obrigado mesmo !

 

 

Agora na questão acima, sabe me dizer algo ?

 

Vamos supor, vai ter um select

 

Caso o usuário selecionar o valor 1, nos outros selects esse 1 deve desaparecer ou não pode ser selecionado.

[Vadio 13]

lembro e não lembro Bruce..

 

tinha q especifica melhor ae...

 

bom o dojo é mto maior q o jQuery é um verdadeiro framework mas é péssimo de documentação pois na maioria das vzs ele usa documentação da forma declarativa oq é uma m***** pq você zoa todo o html com as tag do dojo.. e também quase ngn conhece daí fica dificil arruma ajuda.. tenho me virado em mil pra aprende esse negócio felizmente hj posso dizer não tem algo q eu não faça com dojo.

 

só o core dele da quase todo o jquery..

 

mas é complicado e necessita de bastante coisa..

 

já o extjs não posso falar muito pois quase não usei esse framework 2meses atrás decidi cair no dojo e não me arrependo mas lendo muito e pesquisando sobre o assunto

oque eu posso dizer é que o ExtJS é um pouco maior q jquery não chega a ser um dojo mas é bem interessante

possui uma comunidade ativa e tem ótimos exemplos e documentação.

por ser um framework menor e menos complexo ele possibilita criação de programas de maneira mais rapida

 

resumindo dojo é mais pra grupo de programadores de um sistema grande.

extjs seria o pau pra toda obra qd você tem q se fode sozinho num sistema grande/medio

e o jQUery para iniciantes em framework js.. pois é bem simples e completo.

 

 

essa é minha opinião.

 

é a mesma lógica dakele outro

[Bru_ce 53]

Legal, vou ver se no final de semana do uma olha nesse Dojo !

Obrigado pelas informações :)

 

Então man, a validação eu fiz assim:

 

function valida(){
var p1 = $("#p1").val();
var p2 = $("#p2").val();
var p3 = $("#p3").val();
var p4 = $("#p4").val();
var p5 = $("#p5").val();
var p6 = $("#p6").val();
var p7 = $("#p7").val();
var p8 = $("#p8").val();


var pattern = /[1-8]/
   var regex = new RegExp(pattern);
   var vp1 = ((regex.test(p1)));
var vp2 = ((regex.test(p2)));
var vp3 = ((regex.test(p3)));
var vp4 = ((regex.test(p4)));
var vp5 = ((regex.test(p5)));
var vp6 = ((regex.test(p6)));
var vp7 = ((regex.test(p7)));
var vp8 = ((regex.test(p8)));

	if(p1 == p2 || p1 == p3 || p1 == p4 || p1 == p5 || p1 == p6 || p1 == p7 || p1 == p8 ||
	p2 == p3 || p2 == p4 || p2 == p5 || p2 == p6 || p2 == p7 || p2 == p8 ||
	p3 == p4 || p3 == p5 || p3 == p6 || p3 == p7 || p3 == p8 ||
	p4 == p5 || p4 == p6 || p4 == p7 || p4 == p8 || p5 == p6 || p5 == p7 || p5 == p8 ||
	p6 == p7 || p6 == p8 ||	p7 == p8){
	$("#aviso").text('Existe duplicidade de Valores.');
	return false	
	}
}

 

esses p1, p2 .. estão vindo de um select,

Gostaria que acontecesse uma validação quando o usuário selecionasse algum valor no select, nos outros deveriam sair ..

[Vadio 13]

não testei mas isso ae é pra ser essa sua função valida.

var array = ['#p1','#p2','#p3','#p4','#p5','#p6','#p7','#p8'];
       $.each(array,function(i){
           var value = $(array[i]).val();
           $.each(array,function(j){
               var check = $(array[j]).val();
               if(i != j){
                   if(value == check) $("#aviso").text('Existe duplicidade de Valores.');
               }
           });
       });

[Bru_ce 53]

tentei assim e não foi mano ..

 

function valida(){
var p1 = $("#p1").val();
var p2 = $("#p2").val();
var p3 = $("#p3").val();
var p4 = $("#p4").val();
var p5 = $("#p5").val();
var p6 = $("#p6").val();
var p7 = $("#p7").val();
var p8 = $("#p8").val();

var array = ['p1','p2','p3','p4','p5','p6','p7','p8'];
       $.each(array,function(i){
           var value = $(array[i]).val();
           $.each(array,function(j){
               var check = $(array[j]).val();
               if(i != j){
                   if(value == check) $("#aviso").text('Existe duplicidade de Valores.');
               }
           });
       });
}

[Vadio 13]

deve ter algum errinho de lógica ali no meio levando em consideração os 2 primeiros dados q vem de outro lugar...

mas analise a função e você conseguirá implementa-la facilmente..

[Bru_ce 53]

Beleza manin,

me ajuda aqui em outra coisa cara:

 

Tenho 8 selects,

Preciso que quando o usuário selecione por exemplo o valor 1 no primeiro select, ele suma com as outras opções de valor 1, isso eu até consegui fazer, porém se o usuário mudar essa opção 1 para 7 por exemplo, os outros selects devem aparecer o 1 e sumir com o 7, isso eu ja não consegui ..