Reajustar un pattern

[mensajeescrito]

Hola amigas/os, a ver si me pueden ayudar con esto.

Estoy haciendo el juego de las 3 en raya, (en algunos sitios se conoce como "el juego del gato", creo).

El asunto es que de los 9 casilleros que son los que hay para jugar, cada casillero degamos que es

un input, osea 9 input, en donde solo se admiten "x", "X", "o", "O", cuando se inserta una jugada.

Y tengo un "pattern" que me limita a estos 4 caracteres permitidos, y lo hace bien. pero ....

Si me admite no insertar nada, y claro no me debe permitir insertar nada.

Es como si me permitiera esto: "x", "X", "o", "O", " "

Y claro eso no puede ser.

Si pudieran ayudarme con esto para que no me admita incluir "nada", les estaria agradecido.

Este es el patron que estoy usando:

Código HTML:

pattern='^[x,X,o,O]{1}$' title='Validos solamente x, X, o, 0'
 

Ah y por cierto, no me vale usar required, ya lo he probado.
Osea solo me funcionaria decir en el patern que NO me admita dejar un espacio en blanco pero no se como hacerlo.

Gracias de antemano

[Ito79]

Hola,

He probado tu pattern y NO me deja incluir un espacio en blanco (" "), pero sí uno nulo ("").

¿Por qué no le pones un "required" al campo para requerir que se rellene?

Saludos
/Ito

[mensajeescrito]

Hola Ito79, pues mira no puedo poner required por que el formulario no lleva 9 inputs

lleva solo 1 input que dentro de un for que hace 9 hiteraciones.

Asi que se pongo un required al input , me pide que rellene obligatoriamente los 9 inputs.

Y aunque quiera no puedo reescribir el codigo y poner 9 inputs porque es mucho codigo el que depende del formulario.

Tardaria un eternidad.

[Ito79]

Vale, entonces no lo tienes mal para solucionar creo.

En el bucle for tienes que controlarlo a mano ese caso que se te escapa con el pattern. Simplemente comprueba en el bucle for que alguna de las 9 iteraciones tiene un valor correcto diferente de "", en ese caso dejas pasar al submit, y en otro caso, que todos los campos estén a "" entonces muestras un mensaje al usuario pidiendo que rellene al menos algún campo.

Editado: Si tienes problemas para recorrer el texto al tener nulos, podrías probar a dejar meter espacios en blanco. De todas formas, creo q si subes el código en cuestión podremos ayudarte más

Un saludo
// Ito