tutorial - Patrón de entrada de HTML no funciona

tutorial django

Question

.*(/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>

Answer 1

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 como u ). 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>

Answer 2

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