Count not empty textboxes using JQuery

Question

I wish to count the number of textboxes that's been filled. I have the following code but it's not working the way I want it too. I'm new to JQuery and the script is based from my research here on Stack Overflow.

Markup:

<input class="a" type="text" name="rep">
<input class="a" type="text" name="rep">
<input class="a" type="text" name="rep">

Script:

$(".a").blur(alert(countRep()));

function countRep() {
    var fieldTxtbx = $(".a").filter(function(){
        return $.trim($(this).val()) != '';
    }).length;
    return fieldTxtbx;
}

Why does it work the on load but everytime I input in the textbox the blur() is not called?

Satpal · Accepted Answer · 2014-09-04 10:24:26Z

2

Currently you are binding the return value of countRep() with blur event which is not a function.

bind a function with event and call your method.

$(".a").blur(function() {
    alert(countRep())
});

edited Sep 4, 2014 at 10:24

answered Sep 4, 2014 at 10:14

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Comment

lxcky Over a year ago

Thanks! I have another question, if it's okay, now I'm using it in a condition but why doesn't it return any value? $('[name=attendance]:checked').length + countRep >= 4)

Bhojendra Rauniyar · Accepted Answer · 2014-09-04 10:14:11Z

0

Change this:

$(".a").blur(alert(countRep()));

With this:

$(".a").blur(alert(countRep)); // no needed to use parenthesis to call function.

Or, use like this:

$(".a").blur(function(){
  alert(countRep());
});

answered Sep 4, 2014 at 10:14

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

Comments

Milind Anantwar · Accepted Answer · 2014-09-04 10:14:15Z

0

Modify Your blur event to:

$(".a").blur(function(){
 alert(countRep());
});

also you can use narrow down selector for non empty textboxes to:

$('.a').filter(function() {
   return $(this).val(); 
});

answered Sep 4, 2014 at 10:14

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

kocytean · Accepted Answer · 2014-09-04 10:17:25Z

0

Try the following instead of the first line:

'$(".a").on("blur", OnBlur);

function OnBlur(event) {
  alert(countRep);
}

answered Sep 4, 2014 at 10:17

kocytean

3232 silver badges9 bronze badges

Collectives™ on Stack Overflow

Count not empty textboxes using JQuery

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related