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>

score 30 · Accepted Answer · answered Jun 22 '12 at 06:31

30

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

answered Jun 22 '12 at 06:31

slash197

9,028
6
41
70

score 9 · Answer 2 · answered Jun 22 '12 at 06:33

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 = '';
    }
 }    
});

This is the correct answer to the question ...! Awsome! – Shareek Ahamed Jul 22 '14 at 06:36 — Shareek Ahamed, Jul 22 '14 at 06:36

thecodeparadox · Answer 3 · 2012-06-22T06:38:47.700

$('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

score 4 · Answer 4 · 2012-06-22T06:51:06.457

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 '12 at 06:51

answered Jun 22 '12 at 06:34

score 3 · Answer 5 · edited May 23 '17 at 12:09

3

You forgot the hash for the other two Ids:

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

jQuery, same function for multiple ids

6 Answers6

Linked