HTML Pattern regex ne fonctionne pas

Je suis en train d'essayer le modèle de l'attribut pour la première fois, et je ne peux pas le faire fonctionner (mon navigateur prend en charge, tout de même).

Maintenant j'ai:

input type="text" pattern="[a-zA-Z0-9]{6}" name="formName"

Le premier problème est que est ne pas m'avertir s'il est vide; le deuxième problème est que si je ne tapez quelque chose, il ne sera pas l'accepter. Je veux qu'il accepte que des caractères alphanumériques et exactement 6 caractères de longueur. Je l'ai essayé avec des barres obliques et quelques autres variantes.

Veuillez fournir d'appariement et de non-appariement des exemples d'entrées.
Vous pouvez utiliser: required="required" [Regex info][1] [1]: stackoverflow.com/a/16453203/1063823
Pour ce qui existe actuellement, rien ne fonctionne sauf null (que j'ai découvert). Ce qui devrait fonctionner: FRA4H6, FRATHJ, 006311.
je vous en remercie!
J'ai posté une réponse (essentiellement en disant ce que vous avez également souligné). La raison en est pour les gens de l'atterrissage sur cette page à l'avenir être en mesure de repérer la bonne réponse sans avoir à creuser à travers les commentaires. Je serais heureux de les supprimer ma réponse si vous postez un vous-même.

OriginalL'auteur John Smith | 2013-05-14

html5 regex

10

Comme Duikboot l'a déjà souligné, la bonne façon de le faire est:
```
<input type="text" name="formField" pattern="[a-zA-Z0-9]{6}" required>
```
La required attribut provoque la validation échoue, lorsque le champ est vide.

Le pattern attribut définit la regex tester contre, lorsque le champ n'est pas vide.

(Votre schéma initial semble fonctionner correctement.)

Plus d'informations peuvent être trouvées ici.

C'est assez simple, afin de ne pas exiger une démo, mais néanmoins, vous pouvez trouver une ici.

Hey, cela ne fonctionne pas pour moi... <input type="text" name="card_number" pattern="[0-9]{16,16}" id="crdNo" value="<?php echo $_POST['card_number']; ?>" required/>

OriginalL'auteur gkalpak
2

Fonctionne pour moi ici : http://jsfiddle.net/barbuslex/nR6yg/
```
<form>
    <input type="text" pattern="[a-zA-Z0-9]{6}" name="formName" />
    <input type="submit" value="OK" />
</form>
```
J'utilise Google Chrome

Ce n'est pas l'adresse de l'OP premier problème est "Le premier problème, c'est que se n'est pas de m'informer si il est vide".
À l'aide de la dernière version de Chrome, cela ne fonctionne tout simplement PAS. Est-il obsolète?
il n'empêche pas la saisie d'une fausse données, mais il de prévenir, de soumettre le formulaire.

OriginalL'auteur barbuslex
0

Essayer ce code son travail parfaitement
```
<html>
<body>    
<form action="demo_form.asp">
  Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">
  <input type="submit">
</form>    
</body>
</html>
```
Entrée non valide code pays et cliquez sur le bouton soumettre. Ensuite, Vous pouvez obtenir un message (title="Trois lettres de code de pays")

w3schools.com/tags/att_input_pattern.asp je reconnais que HTML 😛

OriginalL'auteur Golda
0

Il vous suffit d'ajouter l'attribut de la balise, qui en notifiera l'utilisateur si elles tentent d'envoyer le formulaire avec ce même champ vide.
```
<input type="text" pattern="[a-zA-z0-9]{6}" name="formName" required>
```
OriginalL'auteur c4po

Vous devez vous connecter pour publier un commentaire.