文本框中输入小写字母即时转换为大写实现思路

 更新时间: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实现将ppt文档转换成pdf的方法

    asp.net实现将ppt文档转换成pdf的方法

    这篇文章主要介绍了asp.net实现将ppt文档转换成pdf的方法,通过自定义函数实现将pptx格式的文件转换成pdf格式文件的功能,是非常实用的技巧,需要的朋友可以参考下
    2014-11-11
  • MAUI中实现构建跨平台原生控件

    MAUI中实现构建跨平台原生控件

    这篇文章介绍了MAUI中实现构建跨平台原生控件的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-02-02
  • asp.net 页面版文本框智能提示JSCode (升级版)

    asp.net 页面版文本框智能提示JSCode (升级版)

    模拟百度,Google智能提示,非与服务器端交互的,数据源来自已经绑定好的下拉列表。纯客户端脚本 升级版
    2009-12-12
  • ASP.NET简单获取服务端和客户端计算机名称的方法

    ASP.NET简单获取服务端和客户端计算机名称的方法

    这篇文章主要介绍了ASP.NET简单获取服务端和客户端计算机名称的方法,涉及asp.net获取服务器端计算机名以及根据IP获取客户端主机名的相关技巧,需要的朋友可以参考下
    2016-08-08
  • .NET Core 3.0之创建基于Consul的Configuration扩展组件

    .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通过文件流下载文件的实例

    这篇文章主要介绍了ASP.NET(C#) Web Api通过文件流下载文件的方法,提供源码下载,需要的朋友可以参考下。
    2016-06-06
  • ASP.NET 主题的简单配置教程

    ASP.NET 主题的简单配置教程

    主题和css差不多但是他可以提供一些css不能提供的特性,下面为大家介绍下ASP.NET 主题的简单配置,感兴趣的朋友不要错过
    2013-12-12
  • asp.ent下合并两个结构相同的DataTable

    asp.ent下合并两个结构相同的DataTable

    今天遇到了一个情况,就是从一张数据表中读取几个符合条件1的客户的信息,然后再读取几个符合条件2的客户的信息,最后显示出来.因为前后两次数据的客户信息的结构是完全相同的,所以干脆合并成一个DataTable再赋值给GridView好了.
    2010-02-02
  • Asp.Net Core轻松学之利用日志监视进行服务遥测详解

    Asp.Net Core轻松学之利用日志监视进行服务遥测详解

    这篇文章主要给大家介绍了关于Asp.Net Core轻松学之利用日志监视进行服务遥测的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧
    2018-12-12
  • .NET Core使用FluentEmail发送邮件的示例代码

    .NET Core使用FluentEmail发送邮件的示例代码

    这篇文章主要介绍了.NET Core使用FluentEmail发送邮件的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10

最新评论