Change function on Javascript/jQuery

Question

I have a textfield, and I want the field to be disabled or read only if I change text on the field. But, before that, I can't make change function. I don't know why.

I have tried this code :

$("#submitOrder_cust_id_name").click(function () {
    alert("Test");
});

and when I click the field it is working.

But, when I use this code

$("#submitOrder_cust_id_name").change(function () {alert("Test");});

or this code

$("#submitOrder_cust_id_name").on('change', function () {
    alert("Test");
})

it doesn't work at all.

Please help. Thanks.

Answer 1

jquery change event trigger only when hit enter on the text box. If you want to trigger a event when you enter any character use "keypress" instead of "change"

Refer this : https://www.w3schools.com/jquery/event_keypress.asp

Answer 2

use on 'change' :

 $('#submitOrder_cust_id_name').on('change', function () { alert('test'); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="submitOrder_cust_id_name" /> 

Answer 3

Try using .blur() . This will be called when the input field loses focus:

 $('#submitOrder_cust_id_name').on('blur', function () { alert('test'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="submitOrder_cust_id_name" />