JQuery - podmíněná validace dvouúrovňového radio přepínače (nebo checkboxu) – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

JQuery - podmíněná validace dvouúrovňového radio přepínače (nebo checkboxu) – JavaScript, AJAX, jQuery – Fórum – Programujte.comJQuery - podmíněná validace dvouúrovňového radio přepínače (nebo checkboxu) – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

25. 5. 2012   #1
-
0
-

Dobrý den,

nemá někdo zkušenosti s podmíněnou validací víceúrovňového radio přepínače pomocí jQuery? Mám ve fomuláři radio přepínač a po volbě se mi zobrazí pro tuto volbu upřesňující podootázky. Pomocí jQeury Validate umím ověřit že byla některá z variant v první úrovni zvolena, ale nevím jak se podmíněně zeptat, jestli u této zvolené první úrovně je zvolena i úroveń druhá. Můj kód nyní vypadá následovně:

<style type="text/css">.skryt {padding-left: 20px; display: none;}</style>

<script language="javascript">
  $(document).ready(function(){ 

    $("input[name=odpoved]").change(function(){
      var hodnota = $(this).val();
      $(".skryt").hide();
      $("#volba"+hodnota).show();
    });
       
   $("#formular").validate({
      rules: {
        odpoved: {
          required: true
        }
      },
      messages: {
        odpoved: {
          required: "Vyberte jednu z možností!"
        }
      }
    });

  });
 </script>

<form method="post" name="formular" id="formular">
  <p><input type="radio" name="odpoved" value="1">Varianta č.1</p>
  <div id="volba1" class="skryt">
    <input type="radio" name="varianta1" value="1" />Ano<br />
    <input type="radio" name="varianta1" value="2" />Ne<br />
    <input type="radio" name="varinata1" value="3" />Nevím
  </div>

  <p><input type="radio" name="odpoved" value="2" />Varinata č.2</p>
  <div id="volba2" class="skryt">
    <input type="radio" name="varianta1" value="1" />Nikdy<br />
    <input type="radio" name="varianta1" value="2" />Stále<br />
    <input type="radio" name="varinata1" value="3" />Občas
  </div>

  <label for="odpoved" class="error" style="display:none;">Vyberte jednu z možností!</label>

  <input type="submit" name="odeslat" value="Odeslat" />
<form>

Děkuji za nápady

Dave

Nahlásit jako SPAM
IP: 95.129.99.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 14 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý