HTML5 modèle de validation du formulaire alphanumérique avec des espaces?

j'ai le texte suivant balise d'entrée dans ma html5 forme:

<p>
    <label>Company Name*</label>
    <input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" />
</p>

Cela fonctionne bien vérifier si le nom de la société se compose de caractères alphanumériques. Mais bien sûr, je veux autoriser les espaces dans le nom de la société. J'ai besoin de savoir ce que je devrais ajouter au modèle.

34
demandé sur Michiel 2013-10-27 18:54:17

7 réponses

pourquoi ne pas ajouter un espace dans l'attribut pattern comme pattern="[a-zA-Z0-9 ]+". Si vous voulez supporter n'importe quel type d'espace, essayez pattern="[a-zA-Z0-9\s]+"

64
répondu Lachezar 2013-10-27 14:57:11

Ma solution est de couvrir toute la gamme des signes diacritiques:

([A-z0-9À-ž\s]){2,}

A-z - c'est pour tous les caractères latins

0-9 - c'est pour tous les chiffres

À-ž - ceci est pour tous les diacritiques

\s - c'est pour les espaces

{2,} - chaîne de caractères doit être d'au moins 2 caractères

15
répondu bumerang 2016-10-14 08:34:19

Pour éviter une entrée avec seulement des espaces, utilisez: "[a-zA-Z0-9]+[a-zA-Z0-9 ]+".

eg: abc | abc aBc | abc 123 AbC 938234

pour vous assurer, par exemple, qu'un prénom et un nom sont entrés, utilisez une légère variation comme

"[a-zA-Z]+[ ][a-zA-Z]+"

eg: abc def
7
répondu whitepolkydots 2016-10-06 07:07:27

Utilisez ce code pour vous assurer que l'utilisateur n'entre pas seulement des espaces mais un nom valide:

pattern="[a-zA-Z][a-zA-Z0-9\s]*"
3
répondu ab_wanyama 2015-09-17 17:47:56

c'est une question assez ancienne, mais au cas où elle pourrait être utile pour n'importe qui, à partir d'une combinaison de bonnes réponses trouvées ici, j'ai terminé en utilisant ce modèle:

pattern="([^\s][A-z0-9À-ž\s]+)"

il aura besoin d'au moins deux caractères, en s'assurant qu'il ne commence pas avec un espace vide mais en permettant des espaces entre les mots, et aussi en permettant des caractères spéciaux tels que ą, ó, ä, ö.

3
répondu MYbuddy 2018-02-26 18:28:44

utiliser comme ci-dessous le code de format

$('#title').keypress(function(event){
    //get envent value       
    var inputValue = event.which;
    // check whitespaces only.
    if(inputValue == 32){
        return true;    
    }
     // check number only.
    if(inputValue == 48 || inputValue == 49 || inputValue == 50 || inputValue == 51 || inputValue == 52 || inputValue == 53 ||  inputValue ==  54 ||  inputValue == 55 || inputValue == 56 || inputValue == 57){
        return true;
    }
    // check special char.
    if(!(inputValue >= 65 && inputValue <= 120) && (inputValue != 32 && inputValue != 0)) { 
        event.preventDefault(); 
    }
})
0
répondu Selvamani P 2018-06-28 11:35:02

utiliser le code ci-dessous pour le motif de validation HTML5 alphanumérique Sans / avec espace: -

pour le motif de validation HTML5 alphanumérique sans espace : - onkeypress="retour de l'événement.charCode > = 48 & event.charCode <= 57 || l'événement.charCode > = 97 & & event.charCode <= 122 || l'événement.charCode > = 65 & event.charCode < = 90"

pour HTML5 validation pattern alphanumérique avec espace: -

onkeypress="retour de l'événement.charCode > = 48 & event.charCode <= 57 || l'événement.charCode > = 97 & & event.charCode <= 122 || l'événement.charCode > = 65 & event.charCode <= 90 || l'événement.charCode = = 32"

-1
répondu Nikhil Surkar 2017-10-24 11:04:49