How to make text box enable and disable in jquery [duplicate]

Answer 1

I'm not really sure what you are trying to do but I can help get the alert working. You are basically not using jQuery "on" function correctly.

$('#thisNeedsToBeContainer').on('focusout', '#elemToBindEventTo', function (event)....

One of the following will do what you need:

This will fire when text box is left

$(document).ready(function () {      

    alert("hello");        
    $("#cca").on('focusout', 'label.control input', function (event) {
        alert('I am pretty sure the text box changed');
        event.preventDefault();
    });
});

This, will fire on change

$(document).ready(function () {       
    alert("hello");        
    $("#cca").on('change', 'label.control input', function (event) {
        alert('I am pretty sure the text box changed');
        event.preventDefault();
    });
});

This, will fire on keyup as typing

$(document).ready(function () {  
    alert("hello");        
    $("#cca").on('onkeyup', 'label.control input', function (event) {
        alert('I am pretty sure the text box changed');
        event.preventDefault();
    });
});

See Demo on JsFiddle

You should also close your input:

<input class="" type="text" value="[Null]"/>

Answer 2

You're listening for the change event, which will not fire until the input loses focus. Given that the code you've provided does trigger an alert once the focus leaves the input (by tab or click), I'm guessing you were expecting a response after typing but before changing focus. To accomplish that, listen for the input event instead.