Javascript exec() function

Question

I have the following

$().ready(function() {
    $("input[name^=totalRent_]").each(function()
    {    var input = $(this);  
         var name = input.attr('name');  
         var num = /\d+$/.exec(name)[0];

My html form has:

    <input type="text" name="totalRent_1"  value="" /> <br />
    <input type="hidden" name="totalRent_1_hidden" /><br />
    <hr />
    <input type="text" name="totalRent_2"  value="" /> <br />
    <input type="hidden" name="totalRent_2_hidden" /><br />
    <hr />
    <input type="text" name="totalRent_3"  value="" /> <br />
    <input type="hidden" name="totalRent_3_hidden" /><br />
    <hr />

Now, I get a javascript error saying: /\d+$/.exec(name) is null

The each function is attached to ("input[name^=totalRent_]"). What do I need to do so that in's only attached to total_rent and not with totalRent_..._hidden ?

Thanks in advance.

Christian C. Salvadó · Accepted Answer · 2009-08-10 18:52:00Z

1

If you only want to select the text inputs and not the hidden ones you change your selector to filter by multiple attributes (name and type):

$('input[name^=totalRent_][type=text]')

Or you can check the type attribute of the element on the each callback function:

$('input[name^=totalRent_]').each(function(){
  var input = $(this);  
  if (input.attr('type') == 'text'){
    var name = input.attr('name');  
    var num = /\d+$/.exec(name)[0];
  }
});

edited Aug 10, 2009 at 18:52

answered Aug 10, 2009 at 18:47

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

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

1 Comment

zoltar Over a year ago

$.pimp() {function();}

Collectives™ on Stack Overflow

Javascript exec() function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related