文本框中输入小写字母即时转换为大写实现思路
更新时间:2013年03月31日 18:25:25 作者:
系统中有一个文本框,要求输入大写字母,只是用户不是那么配合所以只好在程序来控制了,感兴趣的朋友可以参考下哈
在系统中,有一个文本框,要求输入大写字母。但是用户不自觉,只好在程序来控制了。
在网页中,拉一个TextBox控件:
复制代码 代码如下:
<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>
写Javascript脚本,可使用onkeyup事件,即时把字母转换为大写字母:
复制代码 代码如下:
<script type="text/javascript">
window.onload = function () {
var textBox = document.getElementById("<%= TextBoxSeriesNumber.ClientID %>");
textBox.onkeyup = function () {
this.value = this.value.toUpperCase();
};
};
</script>
Demo:

以下内容于15:08分补充:
上面的方法,会有一个问题,就是先显示小写字母,再转变为大写字母。在网上查找其它资料时,又无意中发有一个更好的方法,就是使用CSS来实现:
style="text-transform:uppercase;"
完整应用如下:

有关text-transform样式属性说明:
相关文章
asp.net 页面版文本框智能提示JSCode (升级版)
模拟百度,Google智能提示,非与服务器端交互的,数据源来自已经绑定好的下拉列表。纯客户端脚本 升级版2009-12-12
.NET Core 3.0之创建基于Consul的Configuration扩展组件
在本文里小编给大家分享了关于.NET Core 3.0之创建基于Consul的Configuration扩展组件相关知识点,需要的朋友们学习下。2019-05-05
ASP.NET(C#) Web Api通过文件流下载文件的实例
这篇文章主要介绍了ASP.NET(C#) Web Api通过文件流下载文件的方法,提供源码下载,需要的朋友可以参考下。2016-06-06
Asp.Net Core轻松学之利用日志监视进行服务遥测详解
这篇文章主要给大家介绍了关于Asp.Net Core轻松学之利用日志监视进行服务遥测的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧2018-12-12
.NET Core使用FluentEmail发送邮件的示例代码
这篇文章主要介绍了.NET Core使用FluentEmail发送邮件的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-10-10


最新评论