Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Come validare il CAP

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    514

    Come validare il CAP

    Salve,
    ho scritto il seguente form HTML

    codice:
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/style.css" rel="stylesheet">
    </head>
    
    <body>
        <fieldset>
            <legend>Dati</legend>
            <label>Nome:</label><input type="text" name="nome" size="50" maxlength="50" /><br><br>
            <label>Cognome:</label><input type="text" name="cognome" size="50" maxlength="50" /><br><br>
            <label>Data di nascita:</label><input type="date" name="ddn" /><br><br> CAP:
            <input type="text" name="cap" size="5" maxlength="5" pattern="(0|1||2|3|4|5|6|7|8|9)(0|1||2|3|4|5|6|7|8|9)(0|1||2|3|4|5|6|7|8|9)(0|1||2|3|4|5|6|7|8|9)(0|1||2|3|4|5|6|7|8|9)" />
            <button type="submit">Enter</button>
            <button type="reset">Cancel</button>
        </fieldset>
    </body>
    
    </html>
    
    Adesso vorrei validare i vari campi presenti nel form. In particolare, per il campo cap (codice di avviamento postale) tento di utilizzare una espressione regolare inserendo quest'ultima nell'attributo pattern. Purtroppo però ho verificato che non funziona e l'utente può inserire quindi anche delle lettere.
    Non capisco il perché.

    Qualcuno gentilmente può aiutarmi?

    Thanks
    Tulipan

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    220
    Non ho testato bene però potresti provare cosi.

    codice:
    <input type="text" name="cap" pattern="[0-9]{5}" maxlength="5"
                    oninput="this.value = this.value.replace(/[^0-9]/g,'')" required />
    Inoltre ricorda che il field deve stare all'interno di un tag form.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.