| | |
| Stránka: 1 z 1
| [ Príspevkov: 8 ] | |
Autor | Správa |
---|
Registrovaný: 15.07.13 Prihlásený: 27.05.18 Príspevky: 243 Témy: 42 |
mám taký problém že pri kontrole formuláru ak nie je vyplnení text input alebo sa heslá nezhodujú má vypísať vedľa toho text inputu červený výkričník ale netuším ako ho vypísať momentálne som tam dal alert aby som videl či to funguje ale nemá tam byť alert má to vypisovať červený výkričník tam v ktorom poli je chyba Kód: <!DOCTYPE html> <html> <head> <title>Kontrola formulára</title> <meta charset="utf-8"> <script> function checkForm() { var name = document.formCheckName.name.value; var cont = document.formCheckName.pass.value; var contr = document.formCheckName.cpass.value; if (name == "") alert("Nezadali ste meno"); else alert("Gratulujeme");
if(cont == contr) alert("su rovnake"); else { alert("nie su rovnake") } } </script> </head> <body> <form name="formCheckName" onSubmit="return checkForm();"> Meno: <input name="name" type="text"> <input type="submit" value="Odošli"><br> Heslo: <input name="pass" type="password"><br> Heslo2: <input name="cpass" type="password"> </form> </body> </html>
Ďakujem za rady
_________________ PC: MB MSI 970A-G43 CPU AMD FX6300 6*3,50GHt turbo 4,1Ghz GPU Gigabyte r7 370 windforce oc edition 2GB Ram 8GB Kingston fury hyperx 1866Mhz SSD:Kingston SSDNow V300 120GB HDD:Seagete baracuda 1TB 7200rpm HDD2 Samsung HD502HJ 500GB 7200RPM PSU fortron hexa + 500W cpu chladič zalman CNPS5X Performa NOTEBOOK:HP Elitebook 8460p Tablet:Prestigio visconte Quad: Mobil: Microsoft Lumia 640 Dual sim
Auto:Chevrolet camaro 1986 IROC-Z |
|
Registrovaný: 19.03.07 Prihlásený: 14.04.24 Príspevky: 7076 Témy: 85 Bydlisko: BA | Napísal void: 14.11.2017 15:25 | |
|
Piozri si jQuery alebo JS selector. napirklad cez jquery by to vypadalo takto.
Das si nejake ID pre inpu type meno napriklad. povedzme ze 'id="form_name"'. Zoberes jQuery (includnejs kniznicu do hlavicky suboru) pouzijes .css() na pridanie napriklad cerveneho ramceka okolo input-u. alebo tam das cerveny vykricknik, das ho hidden a iba ho zobrazis ked treba. alebo tam das cervene pozadie, kde to je chybne. alebo fantazia.
Naposledy upravil void dňa 14.11.2017 16:02, celkovo upravené 1
_________________ Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 & Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 & Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN |
|
Registrovaný: 06.02.14 Prihlásený: 19.01.18 Príspevky: 443 Témy: 9 |
alebo sa vyhnes jquery a usetris zbytocne stahovanie nepotrebnej kniznice a urobis to iste co napisal void ale v cistom javascripte. osobne by som odporucil neupravovat css styly v js, ale urobit to zmenou triedy napr: Kód: var myForm = document.getElementById('form_name'); myForm.classList.add('invalid'); // pridanie css triedy myForm.classList.remove('invalid'); // odobratie css triedy
a v css napr: Kód: form.invalid input { background: red; }
|
|
Registrovaný: 28.02.11 Prihlásený: 24.04.24 Príspevky: 197 Témy: 6 Bydlisko: Bratislava | Napísal weroro: 14.11.2017 16:08 | |
|
Ak upravím pôvodný kód http://kod.djpw.cz/xtkc
_________________ Neznalosť zložitých operácií necháva myseľ otvorenú pre geniálne riešenia založené na jednoduchosti. |
|
Registrovaný: 15.07.13 Prihlásený: 27.05.18 Príspevky: 243 Témy: 42 |
Kód: <!DOCTYPE html> <html> <head> <title>Kontrola formulára</title> <meta charset="utf-8"> <script> function checkForm() { var name = document.formCheckName.name.value; var cont = document.formCheckName.pass.value; var contr = document.formCheckName.cpass.value; if (name == "") document.getElementById("mark").innerHTML = "!"; else document.getElementById("mark").innerHTML = ""; if(cont == contr) alert("chyba"); else alert("chyba"); } </script> <style> .red{ color: red; } </style> </head> <body> <form name="formCheckName" onSubmit="return checkForm();"> <input type="submit" value="Odošli"><br> Meno:<input name="name" type="text"><p id="mark" class="red"></p> Heslo: <input name="pass" type="password"><p id="mar" class="red"></p> Heslo2: <input name="cpass" type="password"> </form> </body> </html>
momentálne to mám takto ale problém je v tom že výkričník mi iba preblikáva
_________________ PC: MB MSI 970A-G43 CPU AMD FX6300 6*3,50GHt turbo 4,1Ghz GPU Gigabyte r7 370 windforce oc edition 2GB Ram 8GB Kingston fury hyperx 1866Mhz SSD:Kingston SSDNow V300 120GB HDD:Seagete baracuda 1TB 7200rpm HDD2 Samsung HD502HJ 500GB 7200RPM PSU fortron hexa + 500W cpu chladič zalman CNPS5X Performa NOTEBOOK:HP Elitebook 8460p Tablet:Prestigio visconte Quad: Mobil: Microsoft Lumia 640 Dual sim
Auto:Chevrolet camaro 1986 IROC-Z |
|
Registrovaný: 19.03.07 Prihlásený: 14.04.24 Príspevky: 7076 Témy: 85 Bydlisko: BA | Napísal void: 14.11.2017 16:32 | |
|
mas tam typo "mar" miesto mark. Odporucal by som ti pozriet si eventy v JS. Menovite "onfocus" a "focusin". Aj ked toto je zastaraly pristup. HTML5 ma celkom pekne osetrenia, aj ked mi pridu trochu nehomogenne, v tom co vedia. Proste pripnes na input event listener, ktory, ked dany event zbehne, zapnu funkciu, ktora skontroluje obsah pola a ci je OK.
Zase jQuery ma celkom pekne .focus() a callback-y...
_________________ Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 & Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 & Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN |
|
Registrovaný: 06.02.14 Prihlásený: 19.01.18 Príspevky: 443 Témy: 9 |
preblikava ti preto, ze napriek tomu ze ti zobrazi chybu, ten formular ti odosle a refreshne ti stranku. musis tam mat aj 'return false' ak chces zabranit odoslaniu formularu s tym 'focus' eventom to nie je zly napad, resp. skor blur - zavola ti event ked opustis input, focus je ked vstupis do inputu. ale nepotrebujes na to jquery, javascript ti aj na toto staci nieco ako: Kód: var inputName = document.querySelector('input.name'); // treba doplnit triedu do html inputName.on('blur', function(e) { if (this.value == "") { this.classList.add('error'); } });
|
|
Registrovaný: 19.03.07 Prihlásený: 14.04.24 Príspevky: 7076 Témy: 85 Bydlisko: BA | Napísal void: 14.11.2017 18:19 | |
|
A este by bolo fajn pridat "disabled" na odosielaci gombik, ktory sa zrusi, az ked vsetky chacky zbehnu v poriadku.
_________________ Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 & Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 & Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN |
|
| Stránka: 1 z 1
| [ Príspevkov: 8 ] | |
| 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
|
|