Изменить функцию на Javascript / JQuery

Question

У меня есть текстовое поле, и я хочу, чтобы поле было отключено или доступно только для чтения, если я изменю текст в поле. Но до этого я не могу сделать функцию изменения. Я не знаю почему.

Я пробовал этот код:

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

и когда я щелкаю поле, оно работает.

Но когда я использую этот код

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

или этот код

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

это вообще не работает.

Пожалуйста, помогите. Спасибо.

Answer 1

использовать на '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 2

Попробуйте использовать .blur(). Это будет вызвано, когда поле ввода теряет фокус:

$('#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" />

Answer 3

jquery изменить событие триггера только при нажатии ввода в текстовом поле. Если вы хотите вызвать событие при вводе любого символа, используйте «нажатие клавиши» вместо «изменение»

См. Это: https://www.w3schools.com/jquery/event_keypress.asp