Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Come validare il CAP

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

    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
    319
    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.

  3. #3
    Attenzione, non tutti i numeri di 5 cifre sono cap validi, in ogni caso, quindi io farei la verifica usando invece un elenco dei capi realmente disponibili, magari usando un tag datalist per gestirlo.

    https://developer.mozilla.org/en-US/...ement/datalist
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

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 © 2024 vBulletin Solutions, Inc. All rights reserved.