Foros del Web » Programando para Internet » Jquery »

Activar validación de inputs html5 sin submit usando jquery

Estas en el tema de Activar validación de inputs html5 sin submit usando jquery en el foro de Jquery en Foros del Web. Hola gente, tengo una consulta, resulta que tengo unos input de tipo email y url que necesito validarlos antes de enviarlo, pero los datos de ...
  #1 (permalink)  
Antiguo 11/01/2015, 00:27
 
Fecha de Ingreso: junio-2011
Mensajes: 10
Antigüedad: 12 años, 10 meses
Puntos: 0
Activar validación de inputs html5 sin submit usando jquery

Hola gente, tengo una consulta, resulta que tengo unos input de tipo email y url que necesito validarlos antes de enviarlo, pero los datos de esos inputs los envió con ajax y no utilizo un formulario y menos un input submit, y mi pregunta es, ¿Hay alguna manera de activas la validación que hace html5, al enviar un formulario presionando el submit, con jquery?
  #2 (permalink)  
Antiguo 11/01/2015, 05:37
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Activar validación de inputs html5 sin submit usando jquery

Las validaciones de HTML son de HTML, las de JavaScript son de JavaScript. Estás mezclando cosas.

Si quieres puedes usar HTML para validar el formato de los campos con pattern.
__________________
(:
  #3 (permalink)  
Antiguo 11/01/2015, 08:11
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Busqueda Respuesta: Activar validación de inputs html5 sin submit usando jquery

El caso es que no se puede hacer solamente con los atributos de HTML5, ya que como indicas, estás enviando los datos por AJAX y no mediante un formulario.

Para ello necesitarás usar el API de Constraint Validation
  #4 (permalink)  
Antiguo 23/06/2016, 06:28
Avatar de piojoman  
Fecha de Ingreso: enero-2005
Ubicación: Argentina
Mensajes: 224
Antigüedad: 19 años, 3 meses
Puntos: 3
Respuesta: Activar validación de inputs html5 sin submit usando jquery

Se que llego años tarde para la respuesta... pero si se puede con html5. Es mas, es una propiedad de los controles que con javascript se puede chequear por medio de una funcion.

Con JQUERY por ejemplo, podes usar algo asi:

$("#elemento").checkValidity();

Devuelve true o false depende del tipo de formalario. En los input hay que definir si son email, numeros ,etc. Obviamente para esto hay que usar en cada control la propiedad TYPE, ejemplo, type="email".

Etiquetas: ajax, html5, javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:35.