none
Problemas con Input Type Number con Universal Application - Javascript en Windows 10 con VS2015 RRS feed

 > 

  • Pregunta

  • Question
    Inicie sesión para votar
    0
    Inicie sesión para votar

    Buenas,

    Tengo un problema con los Input Type Number en una aplicación Universal Javascript - Windows 10 con VS2015. Si inicio un proyecto y le doy que sea una aplicación Universal para Windows 8.1, la aplicación funciona perfectamente. Pero cuando hago la aplicación universal en Windows 10, al escribir letras, las deja y además si tiene un placeholder lo mueve. Ya el VS2105 esta actualizado con el Update 1, y con todas las posibles actualizaciones.

    Este es el código:

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>App1</title>

    <!-- WinJS references -->
    <link href="WinJS/css/ui-dark.css" rel="stylesheet" />
    <script src="WinJS/js/base.js"></script>
    <script src="WinJS/js/ui.js"></script>

    <!-- App1 references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>
</head>
<body>
    <input type="number" name="number" id="number" maxlength="5" placeholder="Number" />
</body>
</html>

    Gracias

    martes, 22 de diciembre de 2015 16:54
    |

Respuestas

  • Question
    Inicie sesión para votar
    1
    Inicie sesión para votar

    Parece que es un error de parte del SDK. A lo que lo arreglan puedes usar este remedio:

    var textBox = document.getElementById("number");
textBox.addEventListener("keydown", onKeyDown, false);
    function onKeyDown(e) {
        if (isNaN(e.char)) {
            e.preventDefault();
        }
    }





    • Editado Harold Martinez martes, 22 de diciembre de 2015 17:55
    • Propuesto como respuesta Harold Martinez martes, 22 de diciembre de 2015 17:57
    • Marcado como respuesta cfernandeza martes, 22 de diciembre de 2015 20:07
    martes, 22 de diciembre de 2015 17:50
    |

Todas las respuestas

  • Question
    Inicie sesión para votar
    1
    Inicie sesión para votar

    Parece que es un error de parte del SDK. A lo que lo arreglan puedes usar este remedio:

    var textBox = document.getElementById("number");
textBox.addEventListener("keydown", onKeyDown, false);
    function onKeyDown(e) {
        if (isNaN(e.char)) {
            e.preventDefault();
        }
    }





    • Editado Harold Martinez martes, 22 de diciembre de 2015 17:55
    • Propuesto como respuesta Harold Martinez martes, 22 de diciembre de 2015 17:57
    • Marcado como respuesta cfernandeza martes, 22 de diciembre de 2015 20:07
    martes, 22 de diciembre de 2015 17:50
    |
  • Question
    Inicie sesión para votar
    0
    Inicie sesión para votar

    Muchas gracias por la respuesta.

    Me funcionó tal lo esperado.

    martes, 22 de diciembre de 2015 19:56
    |