用Javascript去除空格并使字符串小写[重复]

Question

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

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

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

<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>

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

Answer 1

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

或者，简而言之：

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

Answer 2

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>