Add special character at end of input fields string, jquery automatically adding comma

Question

I am adding % symbol at the end of the string on keyup event, first I get the current value of input field and then split('%') and then I use following code

$('.percent input[type=text]').val(str+'%');

But this also adding comma after newly added character. jsfiddle

Also Would love to do it by using css but the condition is only that there should not be any image used for it neither positioning used.(Can I use :after or :befor)

it would be much easier to take that percentage sign out of the input and put it after it — slash197
– slash197, Commented Aug 29, 2013 at 8:56
@slash: yes slash I know that but I thought I will look good if I included it inside input field as my Input field using customized style — Prasad
– Prasad, Commented Aug 29, 2013 at 8:58
1. doesn't look better; 2. it is complicating the user experience — slash197
– slash197, Commented Aug 29, 2013 at 9:32

ksalk · Accepted Answer · 2013-08-29 08:55:35Z

1

IMO the problem was the split function. Try this:

$('.percent input[type=text]').on('keyup',function(){
            var oldstr=$('.percent input[type=text]').val();
            var str=oldstr.replace('%',''); 
            $('.percent input[type=text]').val(str+'%');        
        });

answered Aug 29, 2013 at 8:55

ksalk

5032 silver badges12 bronze badges

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

Comments

Pankucins · Accepted Answer · 2013-08-29 08:57:00Z

0

Javascript .split() method returns comma seperated data, that is why your data is comma seperated. If all you wish to do is remove the first symbol you could use .substr() - read about it here.

answered Aug 29, 2013 at 8:57

Pankucins

1,7301 gold badge16 silver badges25 bronze badges

Comments

Kevin Bowersox · Accepted Answer · 2013-08-29 09:02:23Z

0

$('.percent input[type=text]').on('keyup',function(e){
            var oldstr=$('.percent input[type=text]').val();
            var tokens = oldstr.split('%');
            var suffix = tokens.pop() + '%';
            var prefix = tokens.join("");
            $('.percent input[type=text]').val(prefix+suffix);
});

JS Fiddle: http://jsfiddle.net/uU8Lf/4/

answered Aug 29, 2013 at 9:02

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

Comments

Jakub Wawszczyk · Accepted Answer · 2014-05-14 09:10:38Z

0

A little late now, however I couldn't help but notice the constant reuse of the element's class/type throughout both answers. Is it not beneficial/best practice to use 'this' keyword within the '.on' callback function like so:

$('.percent input[type=text]').on('keyup',function(){
    var oldstr=$(this).val();
    var str=oldstr.replace('%',''); 
    $(this).val(str+'%');        
});

Please correct me if I'm wrong, and yes, I'm being picky here :)

answered May 14, 2014 at 9:10

Jakub Wawszczyk

3763 silver badges12 bronze badges

Collectives™ on Stack Overflow

Add special character at end of input fields string, jquery automatically adding comma

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related