0

estoy buscando la forma de eliminar los espacios en blanco de un input

<input class="form-control" type="text" id="cardNumber" data-checkout="cardNumber" placeholder="Número de tarjeta">

Este input lo manejo con Javascript de la siguiente manera:

<script>
function setCardNetwork()
{
    const cardNumber = document.getElementById("cardNumber");
    mercadoPago.getPaymentMethod(
        { "bin": cardNumber.value.substring(0,6) },
        function(status, response) {
            const cardNetwork = document.getElementById("cardNetwork");
            cardNetwork.value = response[0].id;
        }
    );
}

Probé algunas formas y no me funciona.

Por ejemplo:

  const cardNetwork = document.getElementById("cardNetwork").replace(/\s/g, "");

Agradezco mucho una idea de como puedo hacer esto.

2 respuestas 2

1

El único problema que veo es que estás aplicando la función replace sobre un objeto del DOM, cuando debes aplicarla sobre un string:

var input = document.getElementById("cardNetwork");
var valor = input.value;

var new_valor = valor.replace(/\s/g, "");
input.value = new_valor;
<input type="text" id="cardNetwork" value=" hola adios "/>

1
  • Agradezco mucho tu ayuda, entiendo que es una funcionalidad que funciona la que me indicas, el problema es que no encuentro como hacer que funcione en mi código.
    – maraet
    Commented el 20 nov. 2020 a las 18:02
0

El problema es que no sabes cuantos espacios va a ingresar el usuario. Es decir puede que haya un espacio "x" 2 espacios "xx" o más pero no se sabe por esa razón le recomiendo la siguiente solución:

<input class="form-control" type="text" id="cardNumber" data-checkout="cardNumber" placeholder="Número de tarjeta">

<button id="probar">Test</button>

<script>
 const cardNumber = document.getElementById("cardNumber");
  const submit = document.getElementById("probar");
  
  
function eliminarBlancos(text)
{
    let hayBlanco=true;
    
    while(hayBlanco){
      if(text.includes(' ')){
        text=text.replace(' ','');
      }else{
        hayBlanco=false;
      }
    }
    return text;
   
}


submit.addEventListener('click',(e)=>{

e.preventDefault();


let sinBlancos=eliminarBlancos(cardNumber.value);
console.log(sinBlancos);
});


</script>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.