jQuery: Separate values with comma?

Question

I am aware with jQuery append method to extend something after text.

I was actually thinking about extending some special characters dynamically.

I want-

I have two text boxes with display:inline. One is for Basic phone Number and another is for Mobile number. I am getting all this information as summary after submitting with button.

I wanted to separate these two numbers with , separator. One way I could do this, By separating these with static method.

<input type="number" data-id="#Basic_phone#" /> , <input type="number" data-id="#Mobile_phone"/>

It looks like- 1234569119,9119119119

But it looks bad when there is no value in database for any one input box. Then I need to type numbers, But sometimes I don't have value for one of input boxes.

then I get only (space),(space) or 1234569119,(space) or (space),1234569119.

I want to get comma only when both numbers are there. Sorry I don't have any idea for doing it.

Check to see if $('tag').val() > 0 before adding the ,

David Houde
– David Houde

2013-04-11 11:24:42 +00:00
Commented Apr 11, 2013 at 11:24 — David Houde
– David Houde, Commented Apr 11, 2013 at 11:24

Amit · Accepted Answer · 2013-04-11 11:34:06Z

2

Try this Demo as given example

function abc(){
 var str="";
 if($("#Basic_phone").val().length>0)
   str=$("#Basic_phone").val();
 if(str.length>0 && $("#Mobile_phone").val().length>0 )
   str=str+",";

str=str+$("#Mobile_phone").val()

alert(str);
}


<input type="number" id="Basic_phone" /> , <input type="number" id="Mobile_phone"/>
<input type="button" value="hello" onclick="abc()"/>

answered Apr 11, 2013 at 11:34

Amit

15.4k8 gold badges49 silver badges69 bronze badges

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

Comments

Vega · Accepted Answer · 2013-04-11 11:30:41Z

0

You can use a conditional statements to append Comma(,), like the below one

     if(phoneNo != "" && mobileNo != "" ){
      //do the append code here
     }else{
        print the phone No
      }

answered Apr 11, 2013 at 11:30

Vega

5042 gold badges6 silver badges18 bronze badges

Comments

MasNotsram · Accepted Answer · 2013-04-11 11:30:56Z

0

How are you populating the two inputs?

If with server-side code, then just check the value before outputting the comma and second value:

if(Mobile_phone is not empty)
 show <input type="number" data-id="#Basic_phone#" /> , <input type="number" data-id="#Mobile_phone"/>
else
 show <input type="number" data-id="#Basic_phone#" />

answered Apr 11, 2013 at 11:30

MasNotsram

2,28319 silver badges28 bronze badges

Collectives™ on Stack Overflow

jQuery: Separate values with comma?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related