| | |
| Stránka: 1 z 1
| [ Príspevkov: 10 ] | |
Autor | Správa |
---|
Registrovaný: 14.12.15 Prihlásený: 22.12.15 Príspevky: 8 Témy: 2 |
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>
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | Napísal chrono: 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.
|
|
Registrovaný: 14.12.15 Prihlásený: 22.12.15 Príspevky: 8 Témy: 2 | Napísal autor témy duracell: 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:15mal 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; }
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | |
Registrovaný: 14.12.15 Prihlásený: 22.12.15 Príspevky: 8 Témy: 2 | Napísal autor témy duracell: 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
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | Napísal chrono: 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.
|
|
Registrovaný: 14.12.15 Prihlásený: 22.12.15 Príspevky: 8 Témy: 2 | Napísal autor témy duracell: 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
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | Napísal chrono: 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...).
|
|
Registrovaný: 14.12.15 Prihlásený: 22.12.15 Príspevky: 8 Témy: 2 | Napísal autor témy duracell: 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
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | Napísal chrono: 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ť).
|
|
| Stránka: 1 z 1
| [ Príspevkov: 10 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| formular a javascript v JavaScript, VBScript, Ajax | 7 | 548 | 21.07.2010 15:34 neopagan | | C# - ako skryť aktívny formulár a otvoriť druhý formulár [ Choď na stránku: 1, 2, 3 ] v Technológia .NET | 67 | 2733 | 28.06.2013 22:08 walther | | wordpress kontaktný formulár a objednávkový formulár v Redakčné systémy | 1 | 1087 | 22.08.2016 10:26 hatto13 | | javascript wysiwyg v javascript popup v JavaScript, VBScript, Ajax | 1 | 841 | 25.07.2009 19:29 Ďuri | | Delphi - object or class type required v Delphi, Visual Basic | 7 | 848 | 10.10.2009 8:18 Fico | | required polia vo formulári a chybová hláška v PHP, ASP | 8 | 699 | 14.10.2009 22:39 davider137 | | "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 | | javascript v JavaScript, VBScript, Ajax | 1 | 1598 | 22.03.2006 19:29 JanoF | | javascript v HTML, XHTML, XML, CSS | 21 | 1101 | 06.03.2009 11:03 suchy | | javascript v Sieťové a internetové programy | 1 | 582 | 01.05.2009 15:28 Jaro | | formulár v HTML, XHTML, XML, CSS | 14 | 1121 | 27.05.2007 10:00 p360t | | formular v PHP, ASP | 6 | 776 | 28.02.2008 21:05 Tominator | | formular v HTML, XHTML, XML, CSS | 24 | 1062 | 08.01.2011 14:55 shaggy | | Formular v HTML, XHTML, XML, CSS | 14 | 805 | 03.05.2008 19:31 Svolo | | Formular v Ostatné | 0 | 357 | 08.03.2016 19:23 matej71 | | formular v JavaScript, VBScript, Ajax | 21 | 1387 | 03.11.2011 10:53 elo |
| 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
|
|