Mr. Webmaster Blog Menu
  • Home
  • Cerca
  • Argomenti del Blog
    • A
    • Apple
    • B
    • Browser
    • C
    • CMS
    • D
    • Database
    • E
    • Eventi & WorkShop
    • F
    • Freelance
    • G
    • Grafica
    • H
    • Hosting
    • I
    • IoT
    • L
    • Linux
    • M
    • Makers
    • Mobile
    • Mr. Webmaster
    • O
    • Online Apps
    • Open Source
    • P
    • Programmazione
    • R
    • Reti
    • S
    • Scripting
    • Senza Rete
    • Sicurezza
    • Social Network
    • Software e App
    • W
    • Web Design
    • Web e Diritto
    • Web e Lavoro
    • Web Marketing
    • Web Server
    • Web Writing
    • Windows
  • Network
  • Corsi on-line
Mr.Webmaster Blog→Web Design→Espressioni regolari in HTML5
  • 18
    LUG
    2011

Espressioni regolari in HTML5

Scritto da Claudio Garau | Web Design

Una delle novità più interessanti di HTML5 sta nel fatto di poter inserire delle espressioni regolari direttamente nel markup, una caratteristica utile in particolare per procedure di verifica degli input; le espressioni regolari dovranno essere passate in questo caso come valore per un apposito attributo denominato “pattern“. Nell’esempio contenuto in questo post vedremo come utilizzare questa nuova feature nel caso della realizzazione di un semplice form contenente un unico campo di testo.

<form action="dati.php" method="post">
<label for="nome">Inserisci il tuo nome: </label>
   <input type="text"
   name="nome"
   id="nome"
   placeholder="3 <> 12"
   pattern="[A-Za-z]{3,12}"
   autofocus
   required>
<button type="submit">Invia </button>
</form>

Il pattern utilizzato, “[A-Za-z]{3,12}”, permette di validare soltanto gli input composti da caratteri alfabetici, maiuscoli o minuscoli, inoltre, per poter essere accettata una stringa non dovrà essere più corta di “3” caratteri o più lunga di “12”; si noti l’utilizzo dell’attributo “autofocus“, attraverso cui il browser imposta automaticamente il focus su un determinato elemento di un form, e di “require“, che definisce l’obbligatorietà di compilare un campo di input.

  • autofocus
  • espressioni regolari
  • html5
  • pattern
  • require

Naviga tra i post del Blog

← Didascalie con HTML5
→ Testi random con RandomText

Commenti

I commenti sono sottoposti alle linee guida di moderazione e prima di essere visibili devono essere approvati da un moderatore.
  • Facebook
  • Twitter
  • Google+
  • YouTube
  • Feed RSS
Post correlati
  • HTML5: uso delle espressioni regolari nella validazione degli input 31/07/2014
  • Validazione di email con HTML5 e le espressioni regolari 27/02/2014
  • Controllo sul formato email con HTML5 21/07/2011
  • Messaggi di errore personalizzati per i form in HTML5 02/10/2014
  • Espressioni regolari e raggruppamenti 30/07/2012
I post più letti del mese
  • Apostrofi e virgolette in pagine HTML: come gestirli nel modo giusto30/09/2013
  • Loading in attesa del caricamento della paginaLoading in attesa del caricamento della pagina22/03/2010
  • Creare ingranaggi al volo con Gear generatorCreare ingranaggi al volo con Gear generator10/03/2010
  • Centrare una tabella con i CSSCentrare una tabella con i CSS24/07/2010
  • Uso corretto e sintassi del tag "br"Uso corretto e sintassi del tag "br"13/10/2011
Mr. Webmaster
  • RSS
  • Contattaci
  • Torna su
IKIweb
© 2003 - 2019 Mr. Webmaster
Mr. Webmaster ® è un marchio registrato.
E' vietata ogni forma di riproduzione.
IKIweb Internet Media S.r.l. - P.IVA 02848390122

Parliamo di noi: chi siamo / cronologia
Contatti: pubblicità / contattaci / segnala abusi
Note Legali: condizioni d'uso / privacy / cookie