validacion - validar formulario javascript onclick

una forma de verificar la validez de los formularios HTML5?

Question

¿Es posible verificar si un elemento de entrada de un formulario html5 es válido según el patrón que establecí para él? Sé las cosas de la clase psuedo ... pero espero algo como: document.getElementById(''petitionName'').valid puede devolver true o false ..

Realmente espero no tener que crear javascript para volver a verificar esto.

Answer 1

Puedes usar el atributo de pattern .

Validará el lado del cliente, por lo que no es necesario validarlo de nuevo.

jsFiddle .

Pero asegúrate de hacerlo de nuevo en el lado del servidor.

También tenga en cuenta que, debido a que la compatibilidad del navegador es bastante pobre en este momento, JavaScript es la norma para validar el lado del cliente.

Answer 2

hay dos formas de verificar la validez.

1. inputElement.checkValidity() devuelve true o false
2. inputElement.validity devuelve el objeto de estado de validez. inputElement.validity.valid devuelve true/false

En lugar de usar la función de teclado, también puede usar el evento de ''entrada''. Todos los navegadores, que han implementado la API de validación de restricciones, también han implementado el evento de entrada.

Si está utilizando la opción 1 anterior, Opera tiene un error aquí y mostrará su sugerencia de validación. Entonces deberías usar 2.

Creé una biblioteca de formularios html5, que implementa todas las funciones desconocidas para navegadores incapaces + arreglos de problemas en navegadores HTML5. Entonces todo funciona como se define en la especificación, pero está construido sobre jQuery. ( http://afarkas.github.com/webshim/demos/index.html ).