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:
- 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
. - Dado que en este caso solo quieres validar una letra, es posible que lo puedas hacer sin necesidad de la expresión regular.
Consideraciones: