jQuery：自动填充输入值并转换格式

Question

填写#input1字段时使用此简单代码，#input2输入会自动填充相同的值：

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

所以，例如如果您在#input1中输入'Foo Bar'，它也会在#input2中被填充为'Foo Bar'。

但是如何将其自动填充到#input2并同时进行自动填充，例如转换为全部小写或全部大写，没有空格？所以例如如果#input1包含'Foo Bar'，那么#input2自动填充“FOOBAR”或“foobar”？

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

Answer 1

像这样：

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

或大写，如下：

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

Answer 2

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

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

Answer 3

您可以这样做：

{{1}}