剝離空格並使用Javascript使字符串小寫

Question

我有以下腳本可以將我在一個字段中輸入的內容複製到另一個字段中。

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

要做到這一點，你可以使用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); 
});