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

J'ai le texte suivant balise d'entrée dans mon formulaire html5:

<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 dois ajouter à la structure.

InformationsquelleAutor RTB | 2013-10-27
  1. 78

    Que diriez-vous d'un espace dans le modèle de l'attribut comme pattern="[a-zA-Z0-9 ]+".
    Si vous souhaitez prendre en charge tout type d'espace, essayez pattern="[a-zA-Z0-9\s]+"

    • Juste ce que je cherchais, merci. Pourriez-vous expliquer ce qu'est l'differce est entre tout type d'espace avec \s et juste la ` espace.
    • \s est une classe contenant de l'onglet et les caractères d'espace.
    • si j'ai seulement le type d'espaces,alors il accepte.ce doit être mon patron qui accepte des espaces, mais pas si SEULEMENT l'espace est entré?
    • Cela ne fonctionnera pas avec des signes diacritiques, c'est à dire: ą, ó, ä, ö
    • comment pourrions-nous facilement inclure ceux-là?
    • découvrez ma réponse à soufflet

    InformationsquelleAutor Lachezar
  2. 22

    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

    À-ž - c'est pour tous les signes diacritiques

    \s - c'est pour les espaces

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

    • c'est vraiment bien, n'a jamais vu ça avant. -- réussi à trouvé, maintenant que je sais comment ça s'appelle: stackoverflow.com/a/30225759/2848941 Très utile, merci!
    • Ce que je l'utilisais avant (et ça semblait fonctionner, mais je ne comprends pas, c'était ça: [a-zA-Z\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u024f ]+
    • Vous pouvez simplement utiliser max-length et min-length attributs au lieu d'utiliser le {2,} peu. Peu importe j'aime cette réponse, en particulier pour les précisions que vous avez pris le temps de faire, +1.
    • s'il vous plaît n'oubliez pas d'apostrophes. Nous Irlandais prennent le poids de cette anti apostrophe discrimination!
    • Pouvez-vous alors s'il vous plaît fournir dans un commentaire, ou dans ma réponse éditer les caractères de gamme?
    • ou vous venez de dire ce signe '

    InformationsquelleAutor bumerang
  3. 9

    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 assurer, par exemple, qu'un prénom ET un nom sont entrés, utilisez une légère variation

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

    eg: abc def
    • Ou je crois que vous pouvez simplement inclure la 'required' attribut de contourner cela.
    • L'attribut obligatoire acceptera espaces. Vous allez avoir Besoin d'un Plus grand Regex.
    InformationsquelleAutor whitepolkydots
  4. 5

    C'est une vieille question, mais au cas où cela pourrait être utile pour n'importe qui, à partir d'une combinaison de bon de trouver des réponses ici, je l'ai terminé à l'aide de ce modèle:

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

    Il faudra au moins deux personnages, en s'assurant qu'il ne commence pas par un espace vide, mais permettant des espaces entre les mots, et permettant également aux caractères spéciaux tels que ą, ó, ä, ö.

    InformationsquelleAutor MYbuddy
  5. 3

    Utiliser ce code pour vous assurer que l'utilisateur n'a pas suffit d'entrer des espaces, mais un nom valide:

    pattern="[a-zA-Z][a-zA-Z0-9\s]*"
    InformationsquelleAutor ab_wanyama
  6. 0

    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(); 
    }
})
    InformationsquelleAutor Selvamani P
  7. -1

    Utilisez code ci-dessous pour la validation HTML5 modèle alphanumérique sans /avec l'espace :-

    pour la validation HTML5 modèle alphanumériques 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 la validation HTML5 modèle alphanumérique avec l'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"

    InformationsquelleAutor Nikhil Surkar