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.
- Bootstrap navbar sensible a la lista desplegable no responde al tacto
- Bootstrap de Twitter: no se cambia el tamaño de la barra de navegación en el cambio de orientación (solo con el navegador de acciones de Android)
- Dropdowns de Bootstrap de Twitter Unclickable en tabletas
- Forzar la ocultación de la barra de direcciones en Chrome en Android
- Algunos de los glyphicons Bootstrap3 no se muestran correctamente en la vista previa de phonegap android
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">
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?
- Css-fix para la pantalla de saltar hacia arriba y hacia abajo cuando se desplaza en los dispositivos Android
- Respuesta de Bootstrap en dispositivos móviles
- Bootstrap 2.3 Problemas de menú plegables en Android Mobile
- Twitter bootstrap tema de Holo
- ¿Qué UI usar para Cordova Android / iPhone desarrollo de aplicaciones
- Twitter Bootstrap no funciona en Android WebView
- ¿Hay herramientas de interfaz de usuario personalizadas para Android?
- Diferentes diseños de cuadrícula para retrato y paisaje en bootstrap
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.
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">
- Android: no se puede descargar desde la tienda de reproducción
- Cómo hacer navegación personalizada ver animaciones como ésta