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

  • Pregunta

  • 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

  • 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

  • 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
  • Muchas gracias por la respuesta.

    Me funcionó tal lo esperado.

    martes, 22 de diciembre de 2015 19:56