jQuery: Autofill input values and convert formatting

Question

Using this simple code when you fill #input1 field, the #input2 input gets autofilled with same value:

$("#input1").keyup(function(){
    $("#input2").val(this.value);
});

So e.g. if you type in 'Foo Bar' into #input1, it also gets filled as 'Foo Bar' in #input2.

But how do I autofill it into #input2 and at same time e.g. convert to all lower case or all uppercase and with no spaces? So e.g. if #input1 contains 'Foo Bar' then #input2 autofills with 'FOOBAR' or 'foobar'?

http://jsfiddle.net/bxHQ5/1037/

Yandimirkin Vladislav · Accepted Answer · 2017-12-29 14:43:58Z

1

You can do something like this:

$("#input2").val($("#input1").value.toLocaleLowerCase().replace(/\s/g, ''));

answered Dec 29, 2017 at 14:43

Yandimirkin Vladislav

1841 silver badge8 bronze badges

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

1 Comment

user3108268 Over a year ago

Works perfect. Cheers.

Dan Schnau · Accepted Answer · 2017-12-29 14:40:46Z

1

Like this:

$("#input1").keyup(function(){
    $("#input2").val(this.value.toLocaleLowerCase());
});

Or for uppercase, like this:

$("#input1").keyup(function(){
    $("#input2").val(this.value.toLocaleUpperCase());
});

answered Dec 29, 2017 at 14:40

Dan Schnau

1,54514 silver badges17 bronze badges

4 Comments

Dan Schnau Over a year ago

replace(' ', '')

Dan Schnau Over a year ago

You can check out all the available functions on the string type here: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

user3108268 Over a year ago

The replace(' ', '') replace only first space.

Dan Schnau Over a year ago

Sorry about that, try replace(/ /g, '')

Jose Rojas · Accepted Answer · 2017-12-29 14:42:13Z

1

You can call the function ToLowerCase and toUpperCase and replaceto quit the spaces, something like this:

$("#input2").val(this.value.toLowerCase().replace(' ', ''));

answered Dec 29, 2017 at 14:42

Jose Rojas

3,5403 gold badges29 silver badges43 bronze badges

2 Comments

user3108268 Over a year ago

This replace only first space, ignores any other multiple spaces.

Jose Rojas Over a year ago

@user3108268 try the Vlad Wandimirkin's solution it matchs all spaces

Collectives™ on Stack Overflow

jQuery: Autofill input values and convert formatting

3 Answers 3

1 Comment

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related