Detect if text is being inserted to input field by jquery then run a function

Question

I have an input field which is being set to readonly by html attribute readonly I am inserting text into that field using jQuery .html() method:

<input type="text" id="myField" readonly="readonly" />

now I have a function myFunction() and I want it to be called when ever the text is being inserted to that field by jQuery.

you should use the .val() function to assign values to input field. use .onchange function to fire the event when the value is changed — RAUSHAN KUMAR
– RAUSHAN KUMAR, Commented Jul 19, 2017 at 7:50
@RAUSHANKUMAR i have tried onchange but it is not working on input — M.suleman Khan
– M.suleman Khan, Commented Jul 19, 2017 at 7:53

Rory McCrossan · Accepted Answer · 2017-07-19 07:56:46Z

2

To achieve what you require you could set the value using val(), then trigger a change event which you can hook an event handler to:

$('button').click(function() {
  $('#myField').val('foo').trigger('change');
});

$('#myField').change(function() {
  console.log('value changed...');
});

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

<button>Set value</button>

answered Jul 19, 2017 at 7:56

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

M.suleman Khan Over a year ago

Thanks @roryMcCrossan It helped :)

DEarTh · Accepted Answer · 2017-07-19 07:59:34Z

0

I hope this will help you...

<input type="text" id="myField" readonly="readonly" value=""/>

<script>
 $('#myField').on('change', function(){
      if($('#myField').val()!=""){
         myFunction();
      }
 });
</script>

answered Jul 19, 2017 at 7:59

DEarTh

1,0051 gold badge8 silver badges20 bronze badges

Collectives™ on Stack Overflow

Detect if text is being inserted to input field by jquery then run a function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related