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.
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]+"
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
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
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]*"
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 ą, ó, ä, ö.
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();
}
})
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"