onchange function to array of input text JQuery

Question

Hello I have an array of input text they all have the same class, so I want to put an event OnChange with jquery to everyone of them.

My HTML code is:

 <input type="text" class="form-control placementTest" data-mask=''>

and my Javascript is:

$('.placementTest').each(function() {
            $(this).on('change',function (ev) {
                alert('done it');
            });
        });

but it's not working. So, what is wrong?

Should work just fine -> jsfiddle.net/cet0k4tu probably missing DOM ready or something — adeneo
– adeneo, Commented Dec 14, 2015 at 2:25

Cory · Accepted Answer · 2015-12-14 02:29:22Z

2

No Need for $('.placementTest').each . Also, with an input, you want the keyup event Just need

   $('.placementTest').keyup(function() {
      //do stuff

   })

or fire when the user leaves the input:

 $('.placementTest').blur(function() {
 //do stuff

 })

Fiddle http://jsfiddle.net/qpu0Lsth/2/

edited Dec 14, 2015 at 2:29

answered Dec 14, 2015 at 2:16

Cory

1,28316 silver badges32 bronze badges

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

1 Comment

Cory Over a year ago

On a side note, why do you need to listen for change? What are you trying to accomplish? keyup will fire every entry. Do you want it to fire when the user leaves the input and goes to the next one? If so, use the blur()

user5039044 · Accepted Answer · 2015-12-14 02:25:45Z

1

your event must trigger after editing ( same on blur ).

if you need to trigger when user input something try to use about onkey "keydown" "keypress" "keyup" etc. . Example below !

$('.placementTest').each(function() {
            $(this).on('keypress',function (ev) {
                alert('done it');
            });
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
input 1 <input type="text" class="form-control placementTest" data-mask=''>
input 2 <input type="text" class="form-control placementTest" data-mask=''>
input 3 <input type="text" class="form-control placementTest" data-mask=''>

P.S. it's work fine !

answered Dec 14, 2015 at 2:25

user5039044

Comments

dsoumgit · Accepted Answer · 2015-12-14 02:20:40Z

0

Looks like you have two classes in the markup. Try to use one class

answered Dec 14, 2015 at 2:20

dsoumgit

639 bronze badges

Collectives™ on Stack Overflow

onchange function to array of input text JQuery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related