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 eg 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 eg convert to all lower case or all uppercase and with no spaces? So eg if #input1 contains 'Foo Bar' then #input2 autofills with 'FOOBAR' or 'foobar'?

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

Answer 1

您可以执行以下操作：

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

Answer 2

Like this:

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

Or for uppercase, like this:

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

Answer 3

您可以调用函数ToLowerCase和toUpperCase并replace以退出空格，如下所示：

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