jQuery, same function for multiple ids

Question

i want to clear specified input if the value is not number. function works for one ID, but i want it to work for multiple. of course i can write function multiple times but i dont want to do that.

the following code gets effect only for input with id "d". i dont know how to identify other ids. can anyone help?

<input id="d" />

<input id="d2" />

<input id="d3" />

<script type="text/javascript">

$('#d,d2,d3').keyup(function(){

if($('#d,d2,d3').val() != "") {

    var value = $('#d,d2,d3').val().replace(/^\s\s*/, '').replace(/\s\s*$/, '');

    var intRegex = /^\d+$/;

    if(intRegex.test(value)) {}

    else {


    $(this).val('');

    }



}

});

</script>

slash197 · Accepted Answer · 2012-06-22 06:31:47Z

30

Instead of $('#d,d2,d3') use $('#d, #d2, #d3') and for the if statement use $(this).val()

answered Jun 22, 2012 at 6:31

slash197

9,0346 gold badges44 silver badges71 bronze badges

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

Comments

Sarfraz · Accepted Answer · 2012-06-22 06:33:25Z

9

You can use starts with selector instead of putting in multiple ids like this:

$('[id^=d]')

Above selector will work for all elements whose ids start with d eg d1, d2, d3 and so on.

Here is how your code should be (fixing other errors as well):

$('[id^=d]').keyup(function(){   
 if(this.value != "") {
    var value = this.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
    var intRegex = /^\d+$/;
    if(intRegex.test(value)) {}
    else {
      this.value = '';
    }
 }    
});

answered Jun 22, 2012 at 6:33

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

1 Comment

Shareek Ahamed Over a year ago

This is the correct answer to the question ...! Awsome!

thecodeparadox · Accepted Answer · 2012-06-22 06:38:47Z

4

$('input[id^=d]').keyup(function() {
    var val = $.trim( this.value ); // or $.trim( $(this).val() )
    if (val != "") {
        var value = val.replace(/^\s\s*/, '').replace(/\s\s*$/, ''),
            intRegex = /^\d+$/;
            if (intRegex.test(value)) {
                // do something
            } else {
                $(this).val('');
            }
    }
});

[id^=d] is a start with selector that means, id start with d.

Read about jQuery start selector

edited Jun 22, 2012 at 6:38

answered Jun 22, 2012 at 6:33

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Comments

score 4 · Accepted Answer · 2012-06-22 06:51:06Z

4

You forgot the # for d2 & d3. And also a this.

$('#d,#d2,#d3').keyup(function(){

    if($(this).val() != "") {

        var value = $(this).val().replace(/^\s\s*/, '').replace(/\s\s*$/, '');

        var intRegex = /^\d+$/;

        if(intRegex.test(value)) {}
        else {
            $(this).val('');

        }
    }
});

edited Jun 22, 2012 at 6:51

answered Jun 22, 2012 at 6:34

user405398

Comments

Community · Accepted Answer · 2017-05-23 12:09:29Z

3

You forgot the hash for the other two Ids:

$('#d,#d2,#d3')

Comments

swapy · Accepted Answer · 2012-06-22 06:35:04Z

3

You can add class attribute

   <input id="d" class="A"/> 
    <input id="d2" class="A"/> 
    <input id="d3" class="A"/>

use following selector by class name

$('.A').keyup

answered Jun 22, 2012 at 6:35

swapy

1,6161 gold badge15 silver badges32 bronze badges

Collectives™ on Stack Overflow

jQuery, same function for multiple ids

6 Answers 6

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related