Tipo de entrada = número no es posible insertar números negativos en el teléfono móvil

Estoy probando mi aplicación en mi teléfono móvil (samsung galaxy note II con cromo) y tengo un problema con los campos de entrada numéricos.

En mi aplicación estos campos pueden aceptar números negativos, y en el navegador está todo bien, ya que tengo el botón - y también los controles deslizantes de flecha (desde html5) para elegir el número.

En el teléfono, aunque los controles deslizantes no se renderizan, y el navegador reconoce el tipo de entrada = número, y simplemente muestra un teclado numérico simplificado, que no contiene el signo - , así que no vi una forma de insertar el número negativo Deseo.

Mi aplicación utiliza twitter bootstrap 2.3.2 con jquery, no estoy seguro de cómo resolver este problema.

Aquí está el código de uno de mis campos de entrada que funcionan bien en mi computadora, pero no puedo usarlos correctamente en mi teléfono:

 <input class="input-mini" data-type="distance_price" id="distance" label="false" name="distance" step="0.1" type="number" max="-0.1"> 

Captura de pantalla desde mi teléfono

En la imagen puedes ver cómo el campo en rojo está marcado como incorrecto porque tiene que ser negativo, pero mi teclado no me deja insertar símbolos. Incluyendo el signo - . ¿Cualquier pista?

El problema es específico para el teclado personalizado de Samsung, es decir , a los vendedores que piensan que son más inteligentes que todos. Aquí hay otro ejemplo de este tema en el trabajo

Haz un campo de entrada adicional. Una casilla de verificación "signo", seleccionando enteros naturales o negativos.

A continuación, enganchar el evento onchange de la casilla de verificación para que actualice la vista de número para reflejar el signo elegido.

En resumen, no hay manera de hacer que el signo menos aparezca en las entradas numéricas de Samsung Android. Aquí hay algunas soluciones que he encontrado:

1) Teclado de Google

El usuario puede instalar un teclado diferente (como el teclado de Google ). Obviamente no es ideal para que la gente instale algo.

Introduzca aquí la descripción de la imagen

2) Botón Negate

Como @Cris ya sugirió, agregue un botón que negará el valor. Si tienes la pantalla de bienes raíces, entonces genial.

3) Doble truco de puntos

Terminamos con una solución bastante fea donde el usuario puede presionar . Dos veces y anulará el número. Totalmente no detectable pero un botón extra no era una opción para nosotros.

https://gist.github.com/bendytree/936f6b9b4c0e10138b7e9158b5fd05d9

Si utiliza el atributo value (valor = "- 0.1") para cargar un valor negativo inicial, tendrá el signo menos cargado previamente para usted.

 <input class="input-mini" data-type="distance_price" id="distance" label="false" name="distance" step="0.1" type="number" max="-0.1" value="-1"> 
  • Twitter Bootstrap desplegable en ipad y android no funciona incluso con el hack
  • ¿Por qué este CSS no funciona para Chrome en Android pero funciona en cualquier otro sitio?
  • Twitter Bootstrap modal en dispositivos móviles
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.