formato de numeros mientras escribe

vmoran2009 · #1 (**permalink**) 14/12/2015, 09:05

hola amigos necesito que mi formulario en html agregue un guion mientras el usuario escribe siguiendo el formato siguiente ########-#

8 numeros - 1 numero

en mi formulario he agregado en el campo de texto

<input name="btnenviar" type="submit" class="boton" value="dato" onkeyup="return formato(this)">

pero no se como armaria la funcion formato en javascript

IsaBelM · #2 (**permalink**) 14/12/2015, 11:33

Haz una máscara de entrada. Está es para dar formato de fecha, pero el principio es el mismo http://www.forosdelweb.com/f13/expre...0/#post4303726

gonzaherrera77 · #3 (**permalink**) 14/12/2015, 13:38

Un pueño ejemplo podria ser en javascript nativo podria ser

Código Javascript:

Ver original<!DOCTYPE TYPE>
<html>
   <head>
      <title>Test</title>
      <script>
         function validarNum() {
            //obtengo la referencia del campo
            var num = document.getElementById('num').value;
            
            //compruebo que la longitud sea mayor que 7 y menor que diez
            if(num.length > 7 && num.length < 10) {
               //concateno el guion en la cadena
               document.getElementById('num').value += '-';
               //pierdo el foco del input
               document.getElementById('num').blur();
            }
            
         }
      </script>
   </head>
   <body>
      <input type="text" id="num" onkeypress="validarNum()"/>
   </body>
</html>

No se sera una buena forma de hacerlo, pero lo aporto para que puedas mejorarlo.

¡Saludos!