如何在Javascript中自動輸入小寫字母

Question

如何讓用戶在Javascript中的文本框中輸入文本框的所有字符爲小寫字母？

<input type="text" name="thishastobelowercase"> 

感謝您的任何幫助。

Answer 1

$('input').keyup(function(){ 
    this.value = this.value.toLowerCase(); 
}); 

Answer 2

我只想讓CSS爲你做這個，而不是用JavaScript周圍胡鬧的：

<input type="text" name="tobelowercase" style="text-transform: lowercase;"> 

Answer 3

是否只需要在小寫顯示，或是否有是小寫？如果你想顯示小寫，你可以使用CSS text-transform: lowercase。

無論如何，您需要強制實施這個約束服務器端，因爲用戶可以禁用任何JS代碼來強制它保持小寫。

我的建議：使用CSS text-transform使其始終以小寫顯示，然後在使用前在服務器端執行toLower或您的語言的變體。

Answer 4

兩種方式：

使用CSS：

.lower { 
    text-transform: lowercase; 
} 

<input type="text" name="thishastobelowercase" class="lower"> 

使用JS：

<input type="text" name="thishastobelowercase" onkeypress="this.value = this.value.toLowerCase();"> 

Answer 5

這是您要

驗證類型口罩

(function($) { 
    $.fn.maskSimpleName = function() { 
     $(this).css('text-transform', 'lowercase').bind('blur change', function(){ 
      this.value = this.value.toLowerCase(); 
     }); 
    } 
})(jQuery); 

使用它的優點是光標不會進入每個輸入字符的輸入末尾，就像使用鍵控或keupress解決方案時一樣。

$('#myinput').maskSimpleName(); 

這是一種使用它的方法。

Obs：此掩碼也將小寫數據發送到服務器。

Answer 6

引導文本轉換：

<p class="text-lowercase">Lowercased text.</p> 
<p class="text-uppercase">Uppercased text.</p> 
<p class="text-capitalize">CapiTaliZed text.</p>