[jQuery]Troche inna walidacja formularza, Tabs+Validation=PROBLEM Opcje

[lukas_nowicki]

Witam,

Chciałbym połączyć ze sobą takie oto moduły jquery:

1. Tabs
2. Validation

W taki sposób żeby użytkownik przed przejściem do zakładki n+1 musiał wypełnić w 100% poprawnie zakładkę n. Niestety nie wiem jak ten problem ugryźć...
Liczę na Waszą drobną pomoc w postaci wskazówek

[DirectPL]

No więc tak - na szybko taki algorytm

1. w zakładce n=1 masz formularz.
2. gdy user kliknie na kolejną zakładkę n+1 (w tym wypadku jest to 2 zakładka) następuje wywołanie funkcji:
tworzysz nową funkcję w javascriptcie a w jej zawartości dajesz kod jQuery z Validation. Jeżeli moduł Validation zwróci "true" - czyli że formularz jest poprawnie wypełniony to wtedy może otworzyć drugą zakładkę.
3. i tak po kolei z zakładkami.

Mam nadzieję, że mnie zrozumiesz.

[lukas_nowicki]

Pisane z palca, ponieważ jestem na zajeciach...

[HTML] pobierz, plaintext 
<script>
$('#tab1').click(function() { 
var isValid=...             //tu daje walidacje
if(isValid)                   //jezeli walidacja zawróci TRUE
    $tabs.tabs('select', 1); //przejdź do odpowiedniej zakładki
    return false;
});
</script>
[HTML] pobierz, plaintext 

Analogicznie dla kolejnych zakładek
Może ktos sprawdzić czy dobrze zrozumiałem schemat podany przez DirectPL, któremu bardzo dziękuję za pomoc

Ok żeby nie musieć dla każdej zakładki tworzyć osobnego kodu wymyśliłem coś takiego:

[HTML] pobierz, plaintext 
var tabs= $("#tabs").tabs({
	select: function(event, ui) 
		{ 
		var selected = $('#tabs').tabs('option', 'selected'); // sprawdza id zakladki
		var isValid = $('#formularz'+selected).valid(); // walidacja formularza w konkretnej zakladce
		return isValid;
		}
	});
[HTML] pobierz, plaintext 

I niestety to nie działa kiedy w każdej z zakładek mam osobny formularz o id "formularz1",formularz2" etc.
Jeżeli dam :

[HTML] pobierz, plaintext 
var isValid = $('#formularz').valid();
[HTML] pobierz, plaintext 

I wszystkie zakładki podepnę pod jeden formularz wszystko jest teoretycznie ok ale ja chcę sprawdzać poprawność w każdej z zakładek z osobna, a nie w całości od razu.

Jak temu zaradzic?

[DirectPL]

Wieczorkiem do tego siądę. Dobrze by było jakbyś podesłał kod strony, bo szczerze powiedziawszy mam w głowie algorytm, ale merytocznie trza chwile pomyśleć.

Z tymi formularzami.

tab1 = form1
tab2 = form2

Więc klikasz na tab2 która zczytuje z klikniętego elementu jego ID i teraz robisz kilka instrukcji

[HTML] pobierz, plaintext 
var formularz;
 
if(id == 'tab2')
{
    formularz = 1;
    if(funkcja()) /* funkcja to funkcja która sprawdza poprzedni formularz formularz...  */
    {
        $.('tab2content').addClass('visible');
    } else { /* no i tu może się jakiś warning wyświetlać, że nie uzupełniłeś formularza 1 */ }
}
[HTML] pobierz, plaintext 

i dalej dajesz kolejne sprawdzenia. i sprawdzasz form zawsze n-1 od taba.

Ten post edytował DirectPL 8.04.2009, 18:53:45