文本框中輸入小寫字母即時(shí)轉(zhuǎn)換為大寫實(shí)現(xiàn)思路
更新時(shí)間：2013年03月31日 18:25:25 作者：
系統(tǒng)中有一個(gè)文本框，要求輸入大寫字母，只是用戶不是那么配合所以只好在程序來(lái)控制了，感興趣的朋友可以參考下哈
在系統(tǒng)中，有一個(gè)文本框，要求輸入大寫字母。但是用戶不自覺(jué)，只好在程序來(lái)控制了。
在網(wǎng)頁(yè)中，拉一個(gè)TextBox控件：
復(fù)制代碼 代碼如下:
<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>
寫Javascript腳本，可使用onkeyup事件，即時(shí)把字母轉(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ǔ)充：
上面的方法，會(huì)有一個(gè)問(wèn)題，就是先顯示小寫字母，再轉(zhuǎn)變?yōu)榇髮懽帜?。在網(wǎng)上查找其它資料時(shí)，又無(wú)意中發(fā)有一個(gè)更好的方法，就是使用CSS來(lái)實(shí)現(xiàn)：
style="text-transform:uppercase;"
完整應(yīng)用如下：
有關(guān)text-transform樣式屬性說(shuō)明：
相關(guān)文章
asp.net MVC使用PagedList.MVC實(shí)現(xiàn)分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了asp.net MVC使用PagedList.MVC實(shí)現(xiàn)分頁(yè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
ASP.NET：一段比較經(jīng)典的多線程學(xué)習(xí)代碼
ASP.NET：一段比較經(jīng)典的多線程學(xué)習(xí)代碼...2006-09-09
asp.net簡(jiǎn)單頁(yè)面控件賦值實(shí)現(xiàn)方法
這篇文章主要介紹了asp.net簡(jiǎn)單頁(yè)面控件賦值實(shí)現(xiàn)方法,涉及數(shù)據(jù)庫(kù)的查詢及頁(yè)面控件元素賦值操作相關(guān)技巧,需要的朋友可以參考下2016-07-07
ASP.NET頁(yè)面請(qǐng)求超時(shí)時(shí)間設(shè)置多種方法
這篇文章主要為大家詳細(xì)介紹了ASP.NET頁(yè)面請(qǐng)求超時(shí)時(shí)間設(shè)置Server.ScriptTimeOut executionTimeout多種方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要為大家詳細(xì)介紹了ASP.NET七大身份驗(yàn)證方式以及解決方案，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
獲取最后一段字符2008-05-05
Entity?Framework?Core關(guān)聯(lián)刪除
關(guān)聯(lián)刪除通常是一個(gè)數(shù)據(jù)庫(kù)術(shù)語(yǔ)，用于描述在刪除行時(shí)允許自動(dòng)觸發(fā)刪除關(guān)聯(lián)行的特征；即當(dāng)主表的數(shù)據(jù)行被刪除時(shí)，自動(dòng)將關(guān)聯(lián)表中依賴的數(shù)據(jù)行進(jìn)行刪除，或者將外鍵更新為NULL或默認(rèn)值。本文將為大家具體介紹一下Entity?Framework?Core關(guān)聯(lián)刪除，需要的可以參考一下2021-12-12
asp.net Cookie跨域、虛擬目錄等設(shè)置方法
Cookie跨域、虛擬目錄等設(shè)置方法，需要的朋友可以參考下。2009-11-11
Asp.net回調(diào)技術(shù)Callback學(xué)習(xí)筆記
這篇文章主要記錄了Asp.net回調(diào)技術(shù)Callback的一些知識(shí)，感興趣的朋友可以參考下2014-08-08
使用谷歌搜索引擎的用戶都知道，只要在文本框中輸入部分關(guān)鍵字，就能顯示相關(guān)搜索提示信息列表2012-06-06