tutorial - Patrón de entrada de HTML no funciona
tutorial django (2)
El punto es que Chrome y Firefox ya son compatibles con las especificaciones ESG regex y admiten el modo Unicode de forma predeterminada.
Los patrones Unicode tienen reglas más estrictas sobre qué caracteres se pueden escapar dentro del patrón. Ver esta referencia :
IdentityEscape : en los patrones BMP, muchos caracteres pueden tener un prefijo con una barra diagonal inversa y se interpretan como ellos mismos (por ejemplo: si
/u
no está seguido de cuatro dígitos hexadecimales, se interpreta comou
). En patrones Unicode que solo funcionan para los siguientes caracteres (que liberan/u
para los puntos de código Unicode se escapa):^
$
/
.
*
+
?
(
)
[
]
{
}
|
El mismo conjunto de caracteres se denomina SyntaxCharacter en la página de especificaciones de ES6 .
Entonces, solo puedes escapar de -
dentro de la clase de personaje donde se considera un carácter especial y para hacerlo literal puedes escapar de él. En todos los demás, no se debe escapar.
<form>
<input type="text" pattern=".*(/d{3}-/d{3}-/d{2}-/d{2}|/d{3}-/d{2}-/d{2}-/d{3}|/d{10}).*">
<input type=Submit>
</form>
.*(/d{3}/-/d{3}/-/d{2}/-/d{2}|/d{3}/-/d{2}/-/d{2}/-/d{3}|/d{10}).*
este patrón funcionaba bien. Pero de repente dejó de funcionar en Chrome y Opera últimamente. Que está pasando aqui ? ¿Qué problema hay aquí y cómo está mal? Opera está informando sobre el escape no válido, el mismo en cromo. Funciona bien cuando lo estoy verificando en js.
<form>
<input type="text" pattern=".*(/d{3}/-/d{3}/-/d{2}/-/d{2}|/d{3}/-/d{2}/-/d{2}/-/d{3}|/d{10}).*">
<button>
Send
</button>
</form>
Intenta usar el siguiente concepto para implementarlo para validar el formato de fecha
<form onsubmit="alert(''Submitted.'');return false;"><input required="" pattern="(0[1-9]|1[0-9]|2[0-9]|3[01]).(0[1-9]|1[012]).[0-9]{4}" value="" name="dates_pattern0" id="dates_pattern0" list="dates_pattern0_datalist" placeholder="Try it out." type="text"><input value="»" type="submit"></form>
puede encontrar más validaciones en este enlace - http://html5pattern.com/Dates