Foros del Web » Programando para Internet » Javascript »

Anular comportamiento por defecto input[type=number]

Estas en el tema de Anular comportamiento por defecto input[type=number] en el foro de Javascript en Foros del Web. Hola. Estoy buscando información para anular el comportamiento por defecto de nuevos inputs de HTML5 pero parece que no encuentro las palabras clave que google ...
  #1 (permalink)  
Antiguo 10/10/2014, 01:22
 
Fecha de Ingreso: julio-2006
Ubicación: Barcelona
Mensajes: 244
Antigüedad: 18 años, 4 meses
Puntos: 32
Anular comportamiento por defecto input[type=number]

Hola.

Estoy buscando información para anular el comportamiento por defecto de nuevos inputs de HTML5 pero parece que no encuentro las palabras clave que google necesita para satisfacerme.

Por ejemplo, tengo un input HTML de tipo "number". Esto provocará que, si entro un valor que no és un número, cuando le dé a submit a un formulario me saltará un mensaje de error que se mostrarà de una manera u otra en función del navegador. Para obtener un comportamiento semejante en todos los navegadores, yo podría substituirlo por un input de tipo text, y con javascript ejecutar el comportamiento que desee. Sin embargo, yo quiero que el input sea de tipo number para conservar la semántica del código HTML y anular el comportamiento por defecto de los inputs de tipo number.

¿Alguna referencia al respeto?

¡Un saludo y muchas gracias!
__________________
github.com/xgbuils | npm/xgbuils
  #2 (permalink)  
Antiguo 10/10/2014, 04:49
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Anular comportamiento por defecto input[type=number]

cuando busqué como customizar el tooltip de los nuevos input html5, esto es lo único que encontré
https://developer.mozilla.org/en-US/...int_Validation
quizás me rendí muy pronto
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 10/10/2014, 06:25
 
Fecha de Ingreso: julio-2006
Ubicación: Barcelona
Mensajes: 244
Antigüedad: 18 años, 4 meses
Puntos: 32
Respuesta: Anular comportamiento por defecto input[type=number]

Exacto, yo también he encontrado eso pero modificar sólo el mensaje y me ha parecido una personalización insuficiente.

Por eso he intentado escribir palabras como 'behaviour' para encontrar algo más genérico, pero no he encontrado nada aún. También he buscado alrededor de preventDefault que al fin y al cabo sirve para prevenir algunos eventos pero tampoco.

Gracias!
__________________
github.com/xgbuils | npm/xgbuils
  #4 (permalink)  
Antiguo 10/10/2014, 06:45
 
Fecha de Ingreso: julio-2006
Ubicación: Barcelona
Mensajes: 244
Antigüedad: 18 años, 4 meses
Puntos: 32
Respuesta: Anular comportamiento por defecto input[type=number]

Bien! Bien! Bien!

He encotnrado esto:
http://developer.telerik.com/feature...-replacements/
Y a partir de aquí ya parece más fácil rastrear más información. Parece que todo gira alrededor del evento `invalid`: https://developer.mozilla.org/en-US/...Events/invalid

Esta tarde cuando tenga tiempo me lo leo, a ver si me sirve.

Un saludo y gracias!
__________________
github.com/xgbuils | npm/xgbuils

Etiquetas: anular, comportamiento, defecto, formulario, html, input, valor
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 08:16.