关于jquery：使用Javascript删除空格并使字符串小写

javascriptjquery

Strip spaces and make string lowercase with Javascript

本问题已经有最佳答案，请猛点这里访问。

我有以下脚本，将我在一个字段中输入的内容复制到另一个字段中。

演示：https://jsfiddle.net/wk3nmc76/

我想知道是否可以将第二个字段改为去掉空格并使值变为小写？

1
2
3
4
5
6

<p>
<input type="text" name="full_name" id="full_name" placeholder="Full Name"/>
</p>
<p>
<input type="text" name="last_name" id="last_name">
</p>

1
2
3

$('#full_name').keyup(function(){
$('#last_name').val(this.value);
});

相关讨论

为此，可以使用toLowerCase()和正则表达式的组合来删除所有空格。试试这个：

1
2
3

$('#full_name').keyup(function() {
$('#last_name').val(this.value.toLowerCase().replace(/\s/g, ''));
});

1
2
3
4
5
6
7
8
9
10
11
12

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
<p>

<input type="text" name="full_name" id="full_name" placeholder="Full Name" />

</p>

<p>

<input type="text" name="last_name" id="last_name">

</p>

相关讨论

1
2
3
4
5
6

$('#full_name').keyup(function(){
$val = $(this).val()
stripped_val = $val.replace(' ', '');
lowercase_stripped_val = stripped_val.toLowerCase();
$('#last_name').val(lowercase_stripped_val);
});

或者，简而言之：

1
2
3
4
5

$('#full_name').keyup(function(){
$val = $(this).val()
modified_val = $val.replace(' ', '').toLowerCase();
$('#last_name').val(modified_val);
});