Separar en un input con espacios en blanco cada 2 numeros introducidos Separar en un input con espacios en blanco cada 2 numeros introducidos
Separar en un input con espacios en blanco cada 2 numeros introducidos
Mostrando resultados del 1 al 5 de 5
  1. #1
    Registro
    09-enero-2017
    Ubicación
    venezuela
    Edad
    23
    Mensajes
    17
    Separar en un input con espacios en blanco cada 2 numeros introducidos
    hola me gustaria saber como puedo separar en un input los numeros introducidos con espacios en blanco, es decir quiero que cada 2 numeros introducidos se genere un espacio en blanco para introducir mas, si introduzco ejemplo 12 me genera espacio en blanco para seguir escribiendo si es cribo otros 2 quedaria algo asi 12 32, espero alguien me pueda ayudar gracias de antemano

  2. #2
    Registro
    28-diciembre-2012
    Ubicación
    Chile
    Edad
    28
    Mensajes
    89
    yeisler

    Código:
    <input type="text" id="numeros">
    <button type="button" id="limpiar">Limpiar</button>
    
    <script>
    var numeros = document.getElementById('numeros');
    var limpiar = document.getElementById('limpiar');
    
    numeros.onkeydown = function(e){
    	if (isNaN(e.key)) return false;
    };
    
    numeros.onkeyup = function(){
    	numeros.value = numeros.value
    		.replace(/\s/g, '')
    		.replace(/([0-9]{2})/g, '$1 ');
    };
    
    limpiar.onclick = function(){
    	numeros.value = '';
    	numeros.focus();
    };
    </script>
    Citar Citar  

  3. #3
    Registro
    09-enero-2017
    Ubicación
    venezuela
    Edad
    23
    Mensajes
    17
    Hola amigo muchas gracias por el script, aunque me queda una duda y es ¿como puedo luego borrar cada numero sin tener que darle en el boton limpiar si no con el teclado?
    Citar Citar  

  4. #4
    yeisler
    Se me ocurre que tendrias que usar "jQuery event.which()", La propiedad which() devuelve un número entero con el código unicode de la tecla.
    Detectas la tecla pulsada y si es la que tu has pensado en usar usas la función "limpiar.onclick" que te ha puesto hugo1
    Última edición por sevilla666; 20-sep-2017 a las 02:42
    Citar Citar  

  5. #5
    Registro
    28-diciembre-2012
    Ubicación
    Chile
    Edad
    28
    Mensajes
    89
    Puedes hacerlo de esta manera

    Código:
    <input type="text" id="numeros"
    
    <script>
    // Campo numeros
    var numeros = document.getElementById('numeros');
    
    // Poner cursor en el campo numeros
    numeros.focus();
    
    numeros.onkeydown = function(e){
    	// Permitir la tecla para borrar
    	if (e.key == 'Backspace') return true;
    
    	// Permitir flecha izquierda
    	if (e.key == 'ArrowLeft') return true;
    
    	// Permitir flecha derecha
    	if (e.key == 'ArrowRight') return true;
    
    	// Bloquear tecla de espacio
    	if (e.key == ' ') return false;
    
    	// Bloquear tecla si no es un numero
    	if (isNaN(e.key)) return false;
    };
    
    numeros.onkeyup = function(){
    	numeros.value = numeros.value
    					// Borrar todos los espacios
    					.replace(/\s/g, '')
    
    					// Agregar un espacio cada dos numeros
    					.replace(/([0-9]{2})/g, '$1 ')
    
    					// Borrar espacio al final
    					.trim();
    };
    </script>
    Citar Citar  

Temas similares

  1. ¿Boton que solo acepte números y tenga limite input?
    Hola tengo este codigo simple de un boton html input <input class="cantidad" maxlength="30" name="9999" size="15" type="text" value="9999"> ...
    Respuestas: 1
    Último mensaje: 23-ago-2015
  2. Separar en partes url recogida con un input?
    hola estoi haciendo una galeria de videos la cual estoi usando la api de youtube para hacerlo y tengo un formulario donde se supone que coloque la...
    Respuestas: 4
    Último mensaje: 06-mar-2015
  3. Espacios en blanco
    Buenas gente de FB, les comento que recién complete mi registro en Adsense, y lo hice desde el panel de Blogger, lel registro todo bien, y me dijo...
    Respuestas: 5
    Último mensaje: 04-may-2012
  4. Eliminar espacios en blanco en respuestas.
    3259 Buenas me gustaría a ver si alguien me puede a ayudar a eliminar tanto espacio entre respuesta y firma, para que el cuadro se adapte al...
    Respuestas: 4
    Último mensaje: 30-mar-2010

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •