eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwjquery toggle i position absolute validationRe: jquery toggle i position absolute validation
  • Path: news-archive.icm.edu.pl!news.icm.edu.pl!.POSTED!not-for-mail
    From: "S" <a...@w...pl>
    Newsgroups: pl.comp.www
    Subject: Re: jquery toggle i position absolute validation
    Date: Thu, 15 Mar 2012 16:09:53 +0100
    Organization: ICM, Uniwersytet Warszawski
    Lines: 81
    Message-ID: <jjt0o1$jnt$1@news.icm.edu.pl>
    References: <jjsfjg$e87$1@news.icm.edu.pl> <2...@s...no>
    NNTP-Posting-Host: 77-254-79-122.adsl.inetia.pl
    Mime-Version: 1.0
    Content-Type: text/plain; format=flowed; charset="iso-8859-2"; reply-type=original
    Content-Transfer-Encoding: 8bit
    X-Trace: news.icm.edu.pl 1331824194 20221 77.254.79.122 (15 Mar 2012 15:09:54 GMT)
    X-Complaints-To: u...@n...icm.edu.pl
    NNTP-Posting-Date: Thu, 15 Mar 2012 15:09:54 +0000 (UTC)
    In-Reply-To: <2...@s...no>
    X-Priority: 3
    X-MSMail-Priority: Normal
    Importance: Normal
    X-Newsreader: Microsoft Windows Live Mail 15.4.3538.513
    X-MimeOLE: Produced By Microsoft MimeOLE V15.4.3538.513
    Xref: news-archive.icm.edu.pl pl.comp.www:400722
    [ ukryj nagłówki ]

    Niestety nie do końca.
    Ale zrobiłem tak, że dodałem jedno pole input dodatkowo dla samej validacji
    "wyzej" od zwijanego diva z polami i rozpoznaje czy je wstawić bo div a w
    nim pola formularza są ukryte czy rozwinięte i usuwać.
    Generalnie nie będę się rozpisywał:) Kod wygląda tak i jest jaśniejszy niż
    moje tłumaczenie:


    $(document).ready(function(){
    $('#link').click(function() {
    $('#more').toggle('slow', function() {
    if($('#more').is(':visible') ) {
    ext_val = 'no
    validation';
    }else{

    if(!$("#pole1:checked").val() ||
    !$("#pole2:checked").val()) {
    ext_val = '<input
    class="validate[required]" name="ext_val" id="ext_val" type="text" value=""
    />';
    }else {
    ext_val = 'no validation';
    }

    }
    $('#AddForm
    #dodatkowy_validator').html(ext_val);

    $("#AddForm").validationEngine('hide');
    });
    });
    });


    Może się komuś kiedyś gdzieś przyda:)
    Szczyt elegancji to też nie jest ale swoją rolę spełnia:)

    pozdrawiam
    Sławek

    Użytkownik "rePeter" napisał w wiadomości grup
    dyskusyjnych:2...@s...no...

    Thu, 15 Mar 2012 11:17:21 +0100
    "S" <a...@w...pl> napisał(a):

    > Witam
    >
    > Natrafiłem na taki problem:
    >
    > Mam formularz który validuję przy użyciu pluginu
    > http://www.position-absolute.com
    > Jednocześnie chcę mieć możliwość zwijania i rozwijania części formularza.
    > Do tego chciałem użyć jquery
    > <script type="text/javascript">
    >
    > $(document).ready(
    > function()
    > {
    > $("#link").click(
    > function()
    > {
    > $("#more").toggle();
    > })
    > });
    > </script>
    >
    > Część ukrywanego formularza mam w <div id="more">
    > Problem w tym, że jak zwinę tą część formularza to ona dostaje
    > automatycznie display: none czyli w sumie wylatuje z formularza więc
    > wtedy nie jest walidowana, tak jak by jej nie było. I w sumie mnie to nie
    > dziwi ale nie mam pomysłu jak to rozwiązać w jakis prosty i elegancki
    > sposób. Może ktoś podpowie jak pokazywać/ukrywać elementy formularza ale
    > jednocześnie nie wyłączać ich z procesu walidacji jeśli są zwinięta.

    Może .css('height', '0') ?

    --
    Piotr Grzegorzyca pozdrawia
    http://komputerowe.zakamarki.net

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: