Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 10 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.12.15
Prihlásený: 22.12.15
Príspevky: 8
Témy: 2
Príspevok NapísalOffline : 14.12.2015 18:22

Dobry den,

mam problem s atributom required na jednom webe na ktorom teraz robim. Ide o to ze ked vo formulari pouzijem input s atributom required prehliadac ho ignoruje pretoze na tlacidle submit mam nastaveny onclick event ktory ma akoby prehodi na dalsiu otazku. Potrebujem aby predtym nez ma prehodi na dalsiu otazku ma upozornil ze som nejake pole vynechal.Prikladam sem moj kod. Dakujem za pripadnu pomoc


Kód:
      function selectStep(n) {
         if(n == 1) {
            $(".progress-selected").animate({marginLeft: "0px"}, 300);
         }else if(n == 2){
            $(".progress-selected").animate({marginLeft: "70px"}, 300);
         }else if(n == 3){
            $(".progress-selected").animate({marginLeft: "140px"}, 300);
         }else if(n == 4){
            $(".progress-selected").animate({marginLeft: "210px"}, 300);
         }else if(n == 5){
            $(".progress-selected").animate({marginLeft: "280px"}, 300);
         }else if(n == 6){
            $(".progress-selected").animate({marginLeft: "350px"}, 300);
         }else if(n == 7){
            $(".progress-selected").animate({marginLeft: "420px"}, 300);
         }         
         $(".content-switcher").hide();
         $("#content"+n).show().addClass("animated flipInY");

         $(".next").hide();
         $("#a"+n).show();

         $(document).ready(function() {
            // bind 'myForm' and provide a simple callback function
            $('#myForm').ajaxForm(function() {
            });
        });
      }



<form id="myForm" name="myForm" action="formular.php" onsubmit="return validateForm()" method="post">
   <div class="content-switcher" id="content2">
      <div class="forms">
         <label class="slide01" id="slide1">
            Meno<br>
            <input type="text" class="slide01" name="name" id="name" required>
         </label>
         <label class="slide01" id="slide1">
            Priezvisko<br>
            <input type="text" class="slide01" name="priezvisko" required>
         </label>
         <label class="slide01" id="slide1">
            Email<br>
            <input type="text" class="slide01" name="email">
         </label>
         <label class="slide01" id="slide1">
            Trieda<br>
            <input type="text" class="slide01" name="trieda">
         </label>
         <label class="slide01" id="slide1">
            Skola<br>
            <input type="text" class="slide01" name="skola">
         </label>
      </div>
   </div>
<input type="image" class="next" src="img/next.png" onclick="selectStep(3); return true" id="a2">
</form>


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline : 14.12.2015 19:01

Buď pre odosielanie formulárov použiješ iný jQuery plugin (ktorý bude podporovať tie requered atribúty), alebo si nastavíš pre beforeSubmit callback, v ktorom ty otestuješ všetky polia, ktoré majú nastavený atribút required.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.12.15
Prihlásený: 22.12.15
Príspevky: 8
Témy: 2
Príspevok Napísal autor témyOffline : 14.12.2015 19:04

ten beforesubmit callback znie dobre...mohol by si mi prosimta dat nejaku ukazku ako to spravim?pretoze v javascripte som uplny novacik a trochu ma suri cas na to aby som si to nastudoval...dakujem

// Spojený príspevok 14.12.2015 22:15

mal som tam este nastavenu tuto funkciu na ceknutie odpovedi v input textoch a input radio lenze fungovalo to tak ze sice mi vyhodilo alert ze som to nevyplnil ale pustilo ma na dalsiu stranu...mozno by stacilo ak by ste mi poradili nejak vytvorit podmienku ze ak prva funckia vyhodi alert druha sa nespusti co by znamenalo ze neprehodi stranu

Kód:
function validateForm() {
          var x = document.forms["myForm"]["meno"].value;
          if ( x === undefined ||x == null || x == "") {
              alert("Name must be filled out");
              return false;
          }
          var radios = document.getElementsByName("q2");
          var formValid = false;
          var i = 0;
          while (!formValid && i < radios.length) {
             if (radios[i].checked) formValid = true;
             i++;       
          }
          if (!formValid) alert("Must check some option!");
          return formValid;
      }


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline : 15.12.2015 0:06

V dokumentácii toho pluginu sa píše, ako sa tá beforeSubmit funkcia používa http://malsup.com/jquery/form/#validation (najpoužiteľnejšia je asi tá druhá možnosť "Validate Using the jqForm Argument")


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.12.15
Prihlásený: 22.12.15
Príspevky: 8
Témy: 2
Príspevok Napísal autor témyOffline : 15.12.2015 11:48

pouzil som tu funkciu no vsak okna skontroluje vyhodi error no stale ma posle na druhu stranu
ja potrebujem aby sa funkcia selectStep(n) nespustila ak vyhodi beforesubmit alert


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline : 15.12.2015 13:37

Ak tá funkcia vráti false, tak ten plugin formulár neodošle a pokiaľ vidím, tak tam tú funkciu validateForm používaš cez atribút onsubmit a nie cez ten beforeSubmit callback.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.12.15
Prihlásený: 22.12.15
Príspevky: 8
Témy: 2
Príspevok Napísal autor témyOffline : 15.12.2015 13:41

vsak tom som pisal este predtym...skusal som aj tu beforesubmit lenze ide o to ze tomu onclick eventu je jedno ze ci sa to odosle alebo neodosle on je zatial nastaveny tak ze po kliknuti prehodi stranu a to potrebujem zmenit


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline : 15.12.2015 13:46

Stranu budeš meniť v obsluhe pre success callback toho pluginu (a tam uvidíš aj informácie, ktoré pomocou toho Ajax volania prišli, takže je možné tam aj zobraziť prípadnú chybovú hlášku...).


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.12.15
Prihlásený: 22.12.15
Príspevky: 8
Témy: 2
Príspevok Napísal autor témyOffline : 16.12.2015 11:30

pridal som tu funckiu na zmenu strany pre succes no nejde proste ju nespusti

Kód:
      $(document).ready(function() {
         // bind form using ajaxForm
         $('#myForm').ajaxForm( { beforeSubmit: validate } );
      });
      function validate(formData, jqForm, options) {

    var form = jqForm[0];
    if (!form.username.value || !form.password.value) {
        alert('Please enter a value for both Username and Password');
        return false;
    }
    function selectStep(n) {

         if(n == 1) {
            $(".progress-selected").animate({marginLeft: "0px"}, 300);
         }else if(n == 2){
            $(".progress-selected").animate({marginLeft: "70px"}, 300);
         }else if(n == 3){
            $(".progress-selected").animate({marginLeft: "140px"}, 300);
         }else if(n == 4){
            $(".progress-selected").animate({marginLeft: "210px"}, 300);
         }else if(n == 5){
            $(".progress-selected").animate({marginLeft: "280px"}, 300);
         }else if(n == 6){
            $(".progress-selected").animate({marginLeft: "350px"}, 300);
         }else if(n == 7){
            $(".progress-selected").animate({marginLeft: "420px"}, 300);
         }         
         $(".content-switcher").hide();
         $("#content"+n).show().addClass("animated flipInY");

         $(".next").hide();
         $("#a"+n).show();

      }
}


Uncaught ReferenceError: selectStep is not defined


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline : 17.12.2015 10:33

V tomto poslednom prípade ale selectStep nikde nevoláš (a ani tam nepoužívaš callback success).

Inak predpokladám, že živej ukážky (kde bude všetko, čo tam má byť) sa asi nedočkáme, takže tu je kód, kde je vidieť, že oba tie callbacky robia presne to, čo robiť majú (a predpokladám, že ten tvoj kód funguje úplne inak a teda sa to bude musieť výrazne upraviť).


Odpovedať na tému [ Príspevkov: 10 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. formular a javascript

v JavaScript, VBScript, Ajax

7

548

21.07.2010 15:34

neopagan Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. C# - ako skryť aktívny formulár a otvoriť druhý formulár

[ Choď na stránku:Choď na stránku: 1, 2, 3 ]

v Technológia .NET

67

2733

28.06.2013 22:08

walther Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. wordpress kontaktný formulár a objednávkový formulár

v Redakčné systémy

1

1087

22.08.2016 10:26

hatto13 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. javascript wysiwyg v javascript popup

v JavaScript, VBScript, Ajax

1

841

25.07.2009 19:29

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Delphi - object or class type required

v Delphi, Visual Basic

7

848

10.10.2009 8:18

Fico Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. required polia vo formulári a chybová hláška

v PHP, ASP

8

699

14.10.2009 22:39

davider137 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. "No physical memory is available at the location required for the windows boot manager. The system cannot continue"

v Notebooky a netbooky

2

609

04.11.2016 17:30

Lessik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. javascript

v JavaScript, VBScript, Ajax

1

1598

22.03.2006 19:29

JanoF Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. javascript

v HTML, XHTML, XML, CSS

21

1101

06.03.2009 11:03

suchy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. javascript

v Sieťové a internetové programy

1

582

01.05.2009 15:28

Jaro Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. formulár

v HTML, XHTML, XML, CSS

14

1121

27.05.2007 10:00

p360t Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. formular

v PHP, ASP

6

776

28.02.2008 21:05

Tominator Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. formular

v HTML, XHTML, XML, CSS

24

1062

08.01.2011 14:55

shaggy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Formular

v HTML, XHTML, XML, CSS

14

805

03.05.2008 19:31

Svolo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Formular

v Ostatné

0

357

08.03.2016 19:23

matej71 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. formular

v JavaScript, VBScript, Ajax

21

1387

03.11.2011 10:53

elo Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra