Validação formulário com jQuery Tabs

[Bru_ce 53]

Bom Dia,

Alguém conhece algum plugin do jQuery que ao clicar na aba ele verifica todos os campos, e exibe uma mensagem ao lado informando ao usuário que o campo precisa ser preenchido, aguardo sugestões, vlw !

[Vadio 13]

validate

[Bru_ce 53]

Bom Dia Man,

Enfim, não consegui fazer ..

 

Agora estava tentando fazer de outra forma.

Seguinte: tenho vários selects em uma página, estou validando eles com o plusvalidate

Segue link : AQUI

O Sistema está funcionando da seguinte maneira, caso a pessoa selecione o número 1 ele deve desativar este select,

caso ela selecione 2 ou 3 o select é habilitado, porém quando ele fica desabilitado, o validate ainda continua funcionando ..

 

segue meu script:

 

<script type="text/javascript">
$(document).ready(function(){
var valor = "<?php echo $valor; ?>";
var valor2 = "<?php echo $valor2; ?>";
var valor3 = "<?php echo $valor3; ?>";

       if(valor == 1 && valor2 == 1 && valor3 == 1){
$("[name='selectFinanceiro1']").hide();
       $("[name='selectFinanceiro1']").attr('disabled', 'disabled');
}
else
{
       $("[name='selectFinanceiro1']").show();
$("[name='selectFinanceiro1']").removeAttr('disabled');	
}
});
</script>

 

 

E aqui a validação:

 

$(function(){
	$("#pesquisa").plusvalidate({
		animation: {
			type : "animate",
		    color: "#ff0000",
   			duraction: 100
		},

		selectFinanceiro1: {
			required: "select",
		},
	});

});

 

Vlw mano !

[Vadio 13]

bom infelizmente. não tem informação suficiente no site desse plugin para essa ação

 

a idéia é usar um "removeRule"..

 

removeRule: http://docs.jquery.com/Plugins/Validation/rules#.22remove.22rules'>http://docs.jquery.com/Plugins/Validation/rules#.22remove.22rules

Validate jQuery: http://docs.jquery.com/Plugins/Validation

 

não sei se esse plug in utiliza esse modulo de validação como "pai"

 

mas não custa tentar...

 

boa sorte e bons estudos.

 

se 2 ou 3 selecionado

$("#myinput").rules("remove", "required");

 

se nenhum selecionado

$("#myinput").rules("add", { required: 'select' });

[Bru_ce 53]

Vou tentar, me fala uma outra coisa mano.

Você sabe se tem como, caso o select não foi preenchido, ele fica com borda vermelha ?

[Vadio 13]

tem sim xD

 

no submit do form

if(!$("#myform").validate().element( "#myInput" ))
   $('#myInput').addClass('classeQDeixaBordaVermelha');

claro q deve ter uma forma melhor de se fazer isso mais automático pra todos os campos do form...

mas eu não sei.. http://docs.jquery.com/Plugins/Validation

nesse link deve ter tudo sobre o modulo

[Bru_ce 53]

Tentei assim e não foi man ..

 

var financeiro1 = "<?php echo $financeiro1; ?>";
var financeiro2 = "<?php echo $financeiro2; ?>";
var financeiro3 = "<?php echo $financeiro3; ?>";
if(!financeiro1.isValid()){
   financeiro1.addClass('vermelha');
}

[Vadio 13]

eu tinha escrito errado..

 

o isValid é do dojo... jQuery é da forma q escrevi ali denovo..

 

esse financeiro1 = php...

é oq?

[Bru_ce 53]

eu tinha escrito errado..

 

o isValid é do dojo... jQuery é da forma q escrevi ali denovo..

 

esse financeiro1 = php...

é oq?

 

 

Tranquilo, então esse financeiro1 recebe um valor que esta vindo de outra página via submit, ai eu pego ele com PHP e passo para JS, não sei como varia para pegar um valor vindo de um radio com JS, ai peguei com PHP.

Sabe outra forma mais fácil ?

[Vadio 13]

verificar se foi selecionado

$('#radio').attr('checked') === 'checked' ? alert(1) : alert(0);

resgatando atributo value

var radioValue = $('#radio').attr('value')

 

http://api.jquery.com/attr/

[Bru_ce 53]

Mais o valor do rádio esta vindo de outra página mano ..

[Vadio 13]

você pode usar um querystring de js

 

se for passado por get...

 

se não usa do jeito q você ta fzd mesmo mas eu acho essa uma péssima maneira de se trabalhar

 

pq você ta passando dados de uma página pra outra?

[Bru_ce 53]

Pois é cara eu também acho, Porém eu não sei outra forma ..

Porque tipo, são várias partes de um cadastro de um cliente,

Porém eu não achei um formulário em abas, tive que fazer desta forma então ..

[Vadio 13]

capaz cara...

 

se sabe usa tab? (akele widget de abas... http://jqueryui.com/tabs/ )

 

você desabilita todas as abas menos a primeira qd o cara termina a primeira parte você habilita a segunda e já joga ele pra segunda dinamicamente. e assim por diante..

 

ou seja se form1.validate() == true

abre aba 2 se form2.validate() == true

abre aba 3 e assim vai indo..

 

daí envia os dados por ajax..

 

vamos supor q sejam 3forms..

 

$.ajax({ data: $("#form1, #form2, #form3").serialize(), url: '...' });

 

não tenho certeza se é bem assim q faz o envio de 3form com somente 1requisição mas deve se algo parecido..

 

vlw bons estudos

[Bru_ce 53]

Me parece fácil usar essas tabs,

Porém mano, o projeto aqui esta bem corrido, então não posso ficar tentando utilizar outra coisa.

Tipo aprender a fazer algo novo para colocar de novo no sistema.

Mais pra frente isso vai ser necessário,

O que esta me f************** é quando o cara tentar passar para a outra tab, tem que acontecer a validação entende ?

Caso eu conseguisse isso, nossa ia me ajudar MUITO !

[Vadio 13]

então cara..

 

você desabilita as abas deixa só a primeira habilitada

 

e só habilita se o form passa na validação...

[Bru_ce 53]

Legal, entendi.

Mais tipo,

Eu vejo vários validate por aqui, que funcionam com o submit do form certo ?

 

Como eu faria para fazer uma função no caso para realizar o que você ? ..

[Vadio 13]

você tbm pode usa o beforeActivate q antes de ativa a aba

realizará uma determinada ação

 

vamos supor 1 sejam 3partes

 

se o cara clica na 3

você faz um if(!form2.validate()) ativa2

 

daí a 2 deve ter um beforeActivate q vai faze a mesma coisa e joga pro 1..

 

Como eu faria para fazer uma função no caso para realizar o que você ? ..

não intendi..

[Bru_ce 53]

Irei tentar isso,

seriam vários form no caso então né ?

[Vadio 13]

é.. eu to tentando monta aqui um exemplo..

 

mas to tão acostumado com o dojo q to me batendo ak com jquery...

 

e se tiver tempo faça como eu larga o jquery e começa com dojo...

é mto melhor!