文本框中輸入小寫字母即時轉(zhuǎn)換為大寫實現(xiàn)思路
更新時間:2013年03月31日 18:25:25 作者:
系統(tǒng)中有一個文本框,要求輸入大寫字母,只是用戶不是那么配合所以只好在程序來控制了,感興趣的朋友可以參考下哈
在系統(tǒng)中,有一個文本框,要求輸入大寫字母。但是用戶不自覺,只好在程序來控制了。
在網(wǎng)頁中,拉一個TextBox控件:
復(fù)制代碼 代碼如下:
<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>
寫Javascript腳本,可使用onkeyup事件,即時把字母轉(zhuǎn)換為大寫字母:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
window.onload = function () {
var textBox = document.getElementById("<%= TextBoxSeriesNumber.ClientID %>");
textBox.onkeyup = function () {
this.value = this.value.toUpperCase();
};
};
</script>
Demo:

以下內(nèi)容于15:08分補(bǔ)充:
上面的方法,會有一個問題,就是先顯示小寫字母,再轉(zhuǎn)變?yōu)榇髮懽帜?。在網(wǎng)上查找其它資料時,又無意中發(fā)有一個更好的方法,就是使用CSS來實現(xiàn):
style="text-transform:uppercase;"
完整應(yīng)用如下:

有關(guān)text-transform樣式屬性說明:

相關(guān)文章
asp.net MVC使用PagedList.MVC實現(xiàn)分頁效果
這篇文章主要為大家詳細(xì)介紹了asp.net MVC使用PagedList.MVC實現(xiàn)分頁效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07ASP.NET:一段比較經(jīng)典的多線程學(xué)習(xí)代碼
ASP.NET:一段比較經(jīng)典的多線程學(xué)習(xí)代碼...2006-09-09Entity?Framework?Core關(guān)聯(lián)刪除
關(guān)聯(lián)刪除通常是一個數(shù)據(jù)庫術(shù)語,用于描述在刪除行時允許自動觸發(fā)刪除關(guān)聯(lián)行的特征;即當(dāng)主表的數(shù)據(jù)行被刪除時,自動將關(guān)聯(lián)表中依賴的數(shù)據(jù)行進(jìn)行刪除,或者將外鍵更新為NULL或默認(rèn)值。本文將為大家具體介紹一下Entity?Framework?Core關(guān)聯(lián)刪除,需要的可以參考一下2021-12-12asp.net Cookie跨域、虛擬目錄等設(shè)置方法
Cookie跨域、虛擬目錄等設(shè)置方法,需要的朋友可以參考下。2009-11-11Asp.net回調(diào)技術(shù)Callback學(xué)習(xí)筆記
這篇文章主要記錄了Asp.net回調(diào)技術(shù)Callback的一些知識,感興趣的朋友可以參考下2014-08-08