Как я могу принудительно ввести верхний регистр в текстовое поле ASP.NET?

Используйте стиль CSS в текстовом поле. Ваш CSS должен быть примерно таким:

.uppercase
{
    text-transform: uppercase;
}

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

Установить стиль текстового поля как текст-преобразование: прописные буквы?

В JavaScript есть строковая функция toUpperCase ().

Итак, что-то в этом роде:

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

 style='text-transform:uppercase'

Здесь может помочь CSS.

style = "text-transform: uppercase";"

это помогает?

Используйте CSS с текстовым преобразованием для внешнего интерфейса, а затем используйте метод toUpper на стороне сервера перед проверкой.

Я сделал что-то подобное сегодня. Вот модифицированная версия:

<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>

По сути, сценарий присоединяет событие, которое запускается, когда текстовое поле теряет фокус.

Почему бы не использовать комбинацию CSS и серверной части? Использовать:

style='text-transform:uppercase' 

в TextBox и в вашем коде используйте:

Textbox.Value.ToUpper();

Вы также можете легко изменить свое регулярное выражение на валидаторе, чтобы использовать строчные и прописные буквы. Это, вероятно, более простое решение, чем принудительное использование прописных букв.

Вы можете перехватить события нажатия клавиш, отменить события нижнего регистра и добавить их версии в верхнем регистре к вводу:

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. Вы можете увидеть это в действии здесь.

<!-- 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>

Я бы сделал это с помощью 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>

У вас должна быть библиотека jQuery в папке /script.

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

Я понимаю, что это немного поздно, но я не смог найти хорошего ответа, который работал бы с 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>

Я провел некоторый анализ этой проблемы в четырех популярных версиях браузеров.

1. простой тег стиля отображает символы в верхнем регистре, но контрольное значение по-прежнему остается в нижнем регистре
2. Функциональность нажатия клавиш с использованием кода char, показанного выше, немного беспокоит некоторых, поскольку в firefox chrome и safari он отключает функцию для Ctrl + V в элементе управления.
3. другая проблема с использованием уровня символов в верхнем регистре также не переводит всю строку в верхний регистр.

4. ответ, который я нашел, - реализовать это при нажатии клавиш вместе с тегом стиля.

   <-- form name = "frmTest" -->
   <-- input type = "text" size=100 class = "ucasetext" name = "textBoxUCase" id = "textBoxUCase" -->
   <-- /form -->
   
   window.onload = function() {
       var input = document.frmTest.textBoxUCase;
       input.onkeyup = function() {
           input.value = input.value.toUpperCase();
       }
   };
   

вот решение, которое сработало для меня.

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

Вам нужно получить JavaScript от http://plugins.jquery.com/files/jquery.bestupper.min.js.txt, и готово.

Работает как шарм!

Хорошо, после тестирования вот решение получше и чище.

$('#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);

});

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

Я использую простой встроенный оператор

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

Если вы не хотите использовать классы css, вы можете просто использовать оператор встроенного стиля (этот просто явно заглавными буквами) :)

На стороне сервера использовать

string UCstring = txtName.Text.ToUpper();

     $().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.

В моем примере используется потерянный фокус, вопрос не указывал по мере набора. Вы можете инициировать изменение, если это важно для вашего сценария.

текстовое преобразование CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase

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"