如何在 ASP.NET 文本框中强制输入大写？

Question

我正在编写一个 ASP.NET 应用程序。 我的网络表单上有一个文本框，我想强制用户输入的所有内容均为大写。 我想在前端做这个。 您还应该注意，此文本框上有一个验证控件，因此我想确保该解决方案不会干扰 ASP.NET 验证。

澄清： CSS 文本转换似乎使用户输入以大写形式显示。 然而，在幕后，由于验证控制失败，它仍然是小写。 您会看到，我的验证控件检查是否输入了有效的状态代码，但是我使用的正则表达式仅适用于大写字符。

Answer 1

为什么不结合使用 CSS 和后端呢？ Use:

style='text-transform:uppercase' 

在文本框中，以及在代码隐藏中 use:

Textbox.Value.ToUpper();

您还可以轻松更改验证器上的正则表达式以使用小写和大写字母。 这可能是比强制使用大写更简单的解决方案。

Answer 2

在文本框上使用 CSS 样式。 你的 CSS 应该是这样的：

.uppercase
{
    text-transform: uppercase;
}

<asp:TextBox ID="TextBox1" runat="server" Text="" CssClass="uppercase"></asp:TextBox>;

Answer 3

**I would do like:
<asp:TextBox ID="txtName" onkeyup="this.value=this.value.toUpperCase()" runat="server"></asp:TextBox>**

Answer 4

好的，经过测试，这是一个更好、更干净的解决方案。

$('#FirstName').bind('keyup', function () {

    // Get the current value of the contents within the text box
    var val = $('#FirstName').val().toUpperCase();

    // Reset the current value to the Upper Case Value
    $('#FirstName').val(val);

});

Answer 5

您可以拦截按键事件，取消小写事件，并将其大写版本附加到输入中：

window.onload = function () {
    var input = document.getElementById("test");

    input.onkeypress = function () {
        // So that things work both on Firefox and Internet Explorer.
        var evt = arguments[0] || event;
        var char = String.fromCharCode(evt.which || evt.keyCode);

        // Is it a lowercase character?
        if (/[a-z]/.test(char)) {
            // Append its uppercase version
            input.value += char.toUpperCase();

            // Cancel the original event
            evt.cancelBubble = true;
            return false;
        }
    }
};

这适用于 Firefox 和 Internet Explorer。 您可以在此处查看其实际效果。

Answer 6

<!-- Script by hscripts.com -->
<script language=javascript>
    function upper(ustr)
    {
        var str=ustr.value;
        ustr.value=str.toUpperCase();
    }

    function lower(ustr)
    {
        var str=ustr.value;
        ustr.value=str.toLowerCase();
    }
</script>

<form>
    Type Lower-case Letters<textarea name="address" onkeyup="upper(this)"></textarea>
</form>

<form>
    Type Upper-case Letters<textarea name="address" onkeyup="lower(this)"></textarea>
</form>

Answer 7

我使用一个简单的内联语句

<asp:TextBox ID="txtLocatorName" runat="server"
 style="text-transform:uppercase" CssClass="textbox"  
 TabIndex="1">
</asp:TextBox>

如果你不想使用CSS类，你可以只使用内联样式语句。（这个只是明显地变成大写）:)

在服务器端使用

string UCstring = txtName.Text.ToUpper();

Answer 8

文本转换
CSS 属性指定如何将元素的文本大写。 它可用于使文本以全大写或全小写形式显示

CssClass

WebControl.CssClass 属性，

您可以了解更多相关信息 - https://developer.mozilla.org/en/docs/Web/CSS/text-transform

https://msdn .microsoft.com/en-us/library/system.web.ui.webcontrols.webcontrol.cssclass(v=vs.110).aspx

---

使用 Style="text -transform: uppercase;" 或 CssClass="upper"

Answer 9

 style='text-transform:uppercase'

Answer 10

我今天刚刚做了类似的事情。 这是修改后的版本：

<asp:TextBox ID="txtInput" runat="server"></asp:TextBox>
<script type="text/javascript">
    function setFormat() {
        var inp = document.getElementById('ctl00_MainContent_txtInput');
        var x = inp.value;
        inp.value = x.toUpperCase();
    }

    var inp = document.getElementById('ctl00_MainContent_txtInput');
    inp.onblur = function(evt) {
        setFormat();
    };
</script>

基本上，脚本附加了一个在文本框失去焦点时触发的事件。

Answer 11

我会使用 jQuery 来完成此操作。

<script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#txt").keydown(function(e) {
            if (e.keyCode >= 65 & e.keyCode <= 90) {
                val1 = $("#txt").val();
                $("#txt").val(val1 + String.fromCharCode(e.keyCode));
                return false;
            }
        });
    });
</script>

您必须在 /script 文件夹中包含 jQuery 库。

Answer 12

我对四个流行的浏览器版本对这个问题做了一些分析。

1. 样式标签简单地以大写形式显示字符，但是控制值仍然保留为小写
2. 使用上面显示的字符代码的按键功能有点令人担心，因为在 Firefox chrome 和 safari 中，它禁用了 Ctrl + V 进入控件。
3. 使用字符级别为大写的另一个问题也不是将整个字符串转换为大写。

4. 我找到的答案是在 keyup 上结合 style 标签来实现这一点。

   <-- 表单名称=“frmTest”--> 
     <-- input type="text" size=100 class="ucasetext" name="textBoxUCase" id="textBoxUCase" --> 
     <-- /表格--> 
   
     窗口.onload = 函数() { 
         var input = document.frmTest.textBoxUCase; 
         输入.onkeyup = 函数() { 
             input.value = input.value.toUpperCase(); 
         } 
     }; 
     

Answer 13

将文本框上的样式设置为 text-transform：大写？

Answer 14

在前端使用文本转换 CSS，然后在验证之前在字符串服务器端使用 toUpper 方法。

Answer 15

CSS 在这里可能会有所帮助。

style="text-transform: uppercase";"

这有帮助吗？

Answer 16

这是一个对我有用的解决方案。

http://plugins.jquery.com/project/bestupper

您必须从 < 获取 JavaScript a href="http://plugins.jquery.com/files/jquery.bestupper.min.js.txt" rel="nofollow">http://plugins.jquery.com/files/jquery.bestupper.min。 js.txt 就可以了。

奇迹般有效！

Answer 17

我意识到有点晚了，但我找不到与 ASP.NET AJAX 一起使用的好答案，所以我修复了上面的代码：

function ToUpper() {
        // So that things work both on FF and IE
        var evt = arguments[0] || event;
        var char = String.fromCharCode(evt.which || evt.keyCode);

        // Is it a lowercase character?
        if (/[a-z]/.test(char)) {
            // convert to uppercase version
            if (evt.which) {
                evt.which = char.toUpperCase().charCodeAt(0);
            }
            else {
                evt.keyCode = char.toUpperCase().charCodeAt(0);
            }
        }

        return true;
    }

像这样使用：

       <asp:TextBox ID="txtAddManager" onKeyPress="ToUpper()" runat="server" 
             Width="84px" Font-Names="Courier New"></asp:TextBox>

Answer 18

JavaScript 具有字符串的“toUpperCase()”函数。

所以，沿着这些思路：

function makeUpperCase(this)
{
    this.value = this.value.toUpperCase();
}

Answer 19

  <telerik:RadTextBox ID="txtCityName" runat="server" MaxLength="50" Width="200px"
                            Style="text-transform: uppercase;">

Answer 20

     $().ready(docReady);

     function docReady() {

            $("#myTextbox").focusout(uCaseMe);
     }

     function uCaseMe() {

            var val = $(this).val().toUpperCase();

            // Reset the current value to the Upper Case Value
            $(this).val(val);
        }

这是一种可重用的方法。 任何数量的文本框都可以通过这种方式完成，无需命名。
通过更改 docReady 中的选择器可以实现页面范围的解决方案。

我的示例使用失去焦点，问题在输入时没有指定。 如果这在您的场景中很重要，您可以触发更改。

Answer 21

最少 8 个字符 至少 1 个字母和 1 个数字

有效密码示例：pass1234 OR PaSs1234 OR PASS1234

至少 8 个字符 至少 1 个字母、1 个数字和 1 个特殊字符

有效密码示例：pass@123 或 PaSS#123 或 PASS@123

至少 8 个字符，至少 1 个大写字母、1 个小写字母和 1 个数字

有效密码示例：PaSs1234 或 pASS1234

至少 8 个字符，至少 1 个大写字母、1 个小写字母、1 个数字和 1 个特殊字符 <

asp:TextBox ID="txtPolicy4" runat="server">

有效密码示例：PaSs@123 或 pAss@123

最少 8 个、最多 10 个字符 至少 1 个大写字母、1 个小写字母、1 个数字和 1 个特殊字符

有效密码示例：PaSs@123