Skip to main content
Se agregan comentarios
Origen Enlace
Camilo Bernal
  • 1.4k
  • 10
  • 23

Creo que esto te serviría:

function onlyK(inputVal) {
  var patt=/^[Kk]+$/;
  if(patt.test(inputVal)){
    document.getElementById('txtK').value = inputVal;
  }
  else{
    var txt = inputVal.slice(0, -1);
    document.getElementById('txtK').value = txt;
  }
  
}
<div class="form-group">
    <label class="form-text">Solo K</label>
    <input id="txtK" type="text" maxlength="1"
     oninput="onlyK(value)" />
 </div>

Lo que hice fue agregar en el handler de oninput(Que ocurre cuando el usuario hace una entrada en el input), una invocación a una función que valida mediante expresion regular (Solo para que vieras el mecanismo ideal) si la entrada es "K" o "k"; si lo es, conserva el valor, de lo contrario devuelve la entrada -1 caracter (con el slice).

Adicionalmente, coloqué en el html del input un maxlength= 1 para evitar que coloquen más de un caractér.

Consideraciones:

  1. El slice es solo si deseas tener la funcionalidad para varias posiciones de texto (en este caso "K" es solo 1). Obviamente no aplicaría con el maxlength.
  2. Dado que en este caso solo quieres validar una letra, es posible que lo puedas hacer sin necesidad de la expresión regular.

Consideraciones:

Creo que esto te serviría:

function onlyK(inputVal) {
  var patt=/^[Kk]+$/;
  if(patt.test(inputVal)){
    document.getElementById('txtK').value = inputVal;
  }
  else{
    var txt = inputVal.slice(0, -1);
    document.getElementById('txtK').value = txt;
  }
  
}
<div class="form-group">
    <label class="form-text">Solo K</label>
    <input id="txtK" type="text" maxlength="1"
     oninput="onlyK(value)" />
 </div>

Creo que esto te serviría:

function onlyK(inputVal) {
  var patt=/^[Kk]+$/;
  if(patt.test(inputVal)){
    document.getElementById('txtK').value = inputVal;
  }
  else{
    var txt = inputVal.slice(0, -1);
    document.getElementById('txtK').value = txt;
  }
  
}
<div class="form-group">
    <label class="form-text">Solo K</label>
    <input id="txtK" type="text" maxlength="1"
     oninput="onlyK(value)" />
 </div>

Lo que hice fue agregar en el handler de oninput(Que ocurre cuando el usuario hace una entrada en el input), una invocación a una función que valida mediante expresion regular (Solo para que vieras el mecanismo ideal) si la entrada es "K" o "k"; si lo es, conserva el valor, de lo contrario devuelve la entrada -1 caracter (con el slice).

Adicionalmente, coloqué en el html del input un maxlength= 1 para evitar que coloquen más de un caractér.

Consideraciones:

  1. El slice es solo si deseas tener la funcionalidad para varias posiciones de texto (en este caso "K" es solo 1). Obviamente no aplicaría con el maxlength.
  2. Dado que en este caso solo quieres validar una letra, es posible que lo puedas hacer sin necesidad de la expresión regular.

Consideraciones:

Origen Enlace
Camilo Bernal
  • 1.4k
  • 10
  • 23

Creo que esto te serviría:

function onlyK(inputVal) {
  var patt=/^[Kk]+$/;
  if(patt.test(inputVal)){
    document.getElementById('txtK').value = inputVal;
  }
  else{
    var txt = inputVal.slice(0, -1);
    document.getElementById('txtK').value = txt;
  }
  
}
<div class="form-group">
    <label class="form-text">Solo K</label>
    <input id="txtK" type="text" maxlength="1"
     oninput="onlyK(value)" />
 </div>