Estoy desarrollando un proyecto en SharePoint 2013 y me encontre con la necesidad de crear una acción de que cuando se llene un elemento con N caracteres este habilite o ejecute una función y que si se borran estos caracteres se deshaga el evento desencadenado.

En mi caso solo necesito que al llenar un textbox con 12 caracteres este habilite por lo que tuve que seguir los siguientes pasos para poder llegar a buen termino de mi desarrollo (claro esta pequeña parte):

Primero que nada se debe declarar jquery , en mi caso use la 1.10

<script src=”jquery/jquery-1.10.2.min.js”></script>

Segundo se se deberan crear las etiquetas HTML que usaremos en este caso (2 input)

<input type=”text” maxlength=”12″ id=”target” />
<input id=”button” value=”boton” />

Tercero se debe crear un script de jquery que use el evento “KeyPress” el cual se acciona cada vez que se escribe dentro del textbox seleccionado, este evento tendrá un condificional “IF” que ira contabilizando el numero de caracteres en el textbox

var a = 0;
$(“#target”).keypress(function () {
a = $(“#target”).val().length;
console.log(a);
if (a < 12) {
$(“#button”).hide();
}
if (a == 11)
{
$(“#button”).show();
}
});

Cuarto se debera crear un evento que en la carga esconda el boton y otro adicionalmente que cuando se ocupe la tecla backspace o suprimir en el textbox se esconda el botón automáticamente

$(document).ready(function () {
$(“#button”).hide();
});

jQuery(function ($) {
var input = $(‘#target’);
input.on(‘keydown’, function(event) {
var key = event.keyCode || event.charCode;

if (key == 8 || key == 46) {
$(“#button”).hide();
}
});
});

Con todas estas líneas de código , podemos ejecutar la acción antes mencionada, espero que les sirva.