Pouze tento týden sleva až 80 % na e-learning týkající se C# .NET. Zároveň využij akci až 30 % zdarma při nákupu e-learningu - Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
discount 30 + hiring
Avatar
Lukáš Petho:1.3.2018 14:19

Zdravím všetkých!
Chcem vás požiadať o radu. Pri HTML5 mám dva problémy:

**1) Chcem urobiť to, aby input type="text" prijal iba písmená a číslice. Spravil som to následovne: **

<p><label>Názov článku:<input type="text" size="10" name="nazov" value="Zadajte názov článku" pattern="[0-9a-zá-ž-Á-Ź ]+" spellcheck="true" required></label>

Ide o to, že keď to hodím potom do validátora, tak mi vypíše chybu:

**Error: Bad value [0-9a-zá-ž-Á-Ź ]+ for attribute pattern on element input: Unterminated string constant.
**
Viete mi poradiť, ako správne to urobiť, aby validátor to nevyhadzoval ako chybu? Skúšal som rôzne možnosti, čo mi napadli, ale ... nedošiel som k úspešnému výsledku.

  1. Podobný mám aj druhý problém. Vložil som to formulára tieto elementy:

<p><label>Date: <input type="date" name="checkin-date" spellcheck="fal­se"></label>

<p><label>Vyber farbu textu: <input type="color" name="farba" spellcheck="fal­se"></label>

Opäť validátor mi vyhadzuje varovanie:

Warning: The date input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.

Warning: The color input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.

Viete mi poradiť, ako tieto hlásenia opraviť tak, aby kód už bol validný? Používam tento validátor: https://validator.w3.org/#…

Ďakujem vám pekne za pomoc.

 
Odpovědět
1.3.2018 14:19
Avatar
Petr Čech
Tvůrce
Avatar
Petr Čech:1.3.2018 16:57

Jsem si dost jist, že regex neumí české znaky :D Budeš je tam muset vypsat po jednom

Nahoru Odpovědět
1.3.2018 16:57
the cake is a lie
Avatar
Odpovídá na Petr Čech
Lukáš Petho:1.3.2018 19:39

Ďakujem za odpoveď :-) skúšal som aj 0-9a-z iba ... teda bez diakritiky a aj tak píše chyby :-(

 
Nahoru Odpovědět
1.3.2018 19:39
Avatar
Tomas
Člen
Avatar
Tomas:1.3.2018 21:08

Zkus něco ve stylu: [a-zA-Z0-9áčďéěíňóřšťů­úýžÁČĎÉĚÍŇÓŘŠŤŮ­ÚÝŽ]

Editováno 1.3.2018 21:08
 
Nahoru Odpovědět
1.3.2018 21:08
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Odpovídá na Tomas
Lukáš Petho:2.3.2018 7:29

Toto myslel aj Peter Čech, skúsil som to tak nejak na skúšku:

<p><label>Názov článku:<input type="text" size="10" name="nazov" value="Zadajte názov článku" pattern="[qwertzuiopasdfghjklyxcvbnm123456789]+" spellcheck="true" required></label>

ale stále mi vypisuje chybu:

**Error: Bad value [qwertzuiopas­dfghjklyxcvbnm1234567­89]+ for attribute pattern on element input: Unterminated string constant.
**

 
Nahoru Odpovědět
2.3.2018 7:29
Avatar
Fondzee
Člen
Avatar
Fondzee:2.3.2018 13:55

Ahoj,

obě tyto chyby pravděpodobně vznikají kvůli NEpodpoře ve starších prohlížečích:
https://caniuse.com/#…
https://caniuse.com/#…

uvažoval bych o použití polyfillů pro funkčnost i u starších prohlížečů / případně bych neřešil.

 
Nahoru Odpovědět
2.3.2018 13:55
Avatar
Šimon Rataj
Člen
Avatar
Šimon Rataj:4.3.2018 11:01

Atribut pattern není moc spolehlivý, zkus na to raději použít javascript. S jQuery např.:

<script type="text/javascript">
$('#inputID').on('keyup', function(event) {
  var patt = /[a-z0-9áčďéěíňóřšťůúýžÁČĎÉĚÍŇÓŘŠŤŮÚÝŽ]*/i;
  if(patt.test(String.fromCharCode(event.keyCode))==false) {
    event.preventDefault();
    alert("Zadal jste neplatný znak!");
    return false;
  };
});
</script>
Editováno 4.3.2018 11:03
 
Nahoru Odpovědět
4.3.2018 11:01
Avatar
Lukáš Petho:4.3.2018 13:29

Ďakujem pekne. Vyskúšam a dám vedieť :-)

 
Nahoru Odpovědět
4.3.2018 13:29
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.