Cuando los zapatos para niños delanteros están escritos en la página, es inevitable que siempre pisemos el formulario para verificar este pozo. Desde la aparición de H5, muchas verificaciones de verificación de expresión común se han logrado para nosotros, reduzcamos muchas cargas, como a continuación:
Verificación de la dirección del buzón:
<! = correo electrónico> </elabel> <input type = envit> </form> </body> </html>
La verificación del buzón es compatible con el propio H5, pero las escenas y la situación que tenemos que verificar son diversas. Podemos especificar expresiones regulares en el patrón.
Número limitado de 11 dígitos: <! = Text Pattern =^/D {11} $> </label> <input type = envit> </form> </body> </html> preguntaPuede probarlo, y informará un error al ingresar el número de no -11. Utilizamos el patrón para verificar el formato. Ni siquiera necesitamos la página.
SoluciónSi tiene algún problema, tenemos que resolverlo durante mucho tiempo en la programación de Google, finalmente encontramos una buena receta:
OnValid: cuando el valor del elemento de entrada enviado es un valor no válido (aquí está la falla de verificación regular), dispara
Evento ininválido. Oninvalid pertenece al evento de formulario.
SetCustomValidity (): Este es el método Built -in JS de HTML5.
Resulta que puede ser una definición de recordatorio a través de OnValid y SetCustomValidity, entonces esto es fácil de hacer.
<! = Text Pattern =^/D {11} $ onInvalid = setCustomValidity ('Ingrese 11 dígitos')> </label> <input type = envit> </form> </body> </html>resultado:
Finalmente, no es que el formato de huevo doloroso.
Lo anterior es el mensaje de que el editor de la verificación HTML5 lo introdujo. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!