Introducción al artículo de Wulin.com (www.vevb.com): el método de verificación de formulario súper simple de HTML5 se lleva a IE y otros navegadores antiguos.
Tipo de producto: efectos dinámicos (Dynamic JS, JQuery Works)
Descripción del trabajo: traiga el método de verificación de formulario súper simple de HTML5 a IE y otros navegadores antiguos
Idea de producción: escriba un complemento para que los navegadores antiguos también puedan usar la sintaxis HTML5 para expresar la verificación. Solo necesita interceptar el evento de envío en la parte inferior y usar jQuery para activar el evento no válido después de descubrir que no se cumplen las reglas de verificación. Los desarrolladores solo necesitan unir el evento no válido para completar la función de verificación de formulario previamente muy compleja.
Creo que front-end er a quien le gustan las cosas nuevas han probado la función de verificación de forma de HTML5, que es muy poderosa. Agregar requerido a <put> se convierte en un elemento requerido.
Escriba una expresión regular en el patrón para forzar el formato relleno. Aquí hay una demostración
<form>
<Input PlaceDearter = El bajo dígitos de 3-5 dígitos debe llenarse con, números y letras requeridas Patrón =/W {3,5}>
<input type = enviar>
</form>
<script src => </script>
<script src = form.html5.js> </script>
<script>
$ (entrada) .bind (inválido, function (e) {
alerta (si es incorrecto, debe completar el bajo valor de 3-5 dígitos, números, letras);
devolver falso;
});
$ (html) .submit (function (e) {
if (E.IsPropagationStopped ()) {
devolver;
}
alerta (formulario enviado correctamente);
devolver falso;
});
</script>
Muy simple o no? Todo lo que necesitamos hacer es dos pasos
1. Escriba las reglas de verificación en expresiones regulares y póngalas en el atributo de patrón en la etiqueta de entrada.
2.Jquery intercepta el evento no válido de entrada
Al completar estos dos pasos, puede completar la verificación de formularios en un navegador moderno.
¿Pero entonces cómo apoyar a los viejos navegadores? Simplemente agregue una línea de código
<script src = form.html5.js> </script>
Al mismo tiempo, también debe descargar estos tres archivos y asegurarse de que los tres archivos estén en el mismo directorio.
(El propósito de select.htc no tiene nada que ver con la verificación de formulario).
Cuando tenga la siguiente situación, puede responder para contactarme