Question

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

DEMO： https://jsfiddle.net/wk3nmc76/

我想知道我是否可以改变第二场以剥离空间＆amp;将值设为小写？

<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

要实现此目的，您可以使用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>

Answer 2

$('#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);
});

使用Javascript剥离空格并使字符串小写

2 个答案: