如何控制或将所有文本更改为大写答案

【问题标题】：how to control or change all the text to upper case如何控制或将所有文本更改为大写
【发布时间】：2012-03-24 03:47:52
【问题描述】：

我正在开发一些表格供我的公司使用。我咨询并将数据插入数据库，但对于标准问题，我想将输入的文本转换为大写，我该怎么做？

我的一种形式的示例：

我希望我输入的文本字段自动转换为大写，或者我输入到数据库中的数据已经转换为大写（如果用户没有以这种方式输入）。

编辑：

我试试

$("tbCiudad").change(function() {
    $(this).val($(this).val().toUpperCase());
});

或

$("tbCiudad").keyup(function() {
    $(this).val($(this).val().toUpperCase());
});

并且该字段没有任何反应。我做错了什么？

【问题讨论】：

参考这个How can I force input to uppercase in an ASP.NET textbox?
html 中没有这样的元素：tbCiudad。您应该将input[type=text] 用于任何文本输入或更具体的选择器，例如类或 ID

标签： jquery asp.net-mvc

【解决方案1】：

使用普通的旧 JavaScript 使用 toUpperCase()

【讨论】：

$("#codigoCliente").toUpperCase() ，像这样？
如果我输入的数字改变了什么？我如何控制我输入的文字？ if is not大写转换它，if is大写文本不做任何事情
数字不会受到影响，如果它已经是大写，它仍然会运行转换，但实际上不会有任何改变。

【解决方案2】：

使用javascript toUpperCase 方法。

我也确信 ASP 中有一个函数可以做到这一点，例如 PHP 中的 strtoupper

【讨论】：

【解决方案3】：

您可以使用 javacsript 方法 toUpperCase() 进行此转换。

【讨论】：

【解决方案4】：

$("input[type=text]").keyup(function(){
  $(this).val( $(this).val().toUpperCase() );
});

【讨论】：

如果我输入数字，这会做些什么？或者如果已经输入大写文本？
我试了一下，但什么也没发生
这很奇怪。它应该可以正常工作，除非您的页面上有其他一些 javascript 错误。请参阅here 一个活生生的例子
工作得很好，谢谢，我以前改过一些东西，我不应该改
为避免将值更改为大写带来的不良刷新效果，可以使用 CSS (text-transform:uppercase)。并允许正确使用选择和其他特殊键，可以输入以下代码： $("input[type=text]").keyup(function(e){ if (e.which >= 65) { $(this) .val( $(this).val().toUpperCase() ); } }); example

【解决方案5】：

您可以使用 javascript（或 jquery，如果需要）添加事件处理程序到这些文本框的 keypress 或 blur 事件，然后应用 Jay Blanchard 建议的内容。像这样的：

$("input[type='text']").bind("blur", null, function(e) {
    $(this).val($(this).val().toUpperCase());
});

【讨论】：

【解决方案6】：

只需将 CSS 类应用于所有必填字段：-

.uppercase
{
    text-transform: uppercase;
}

参考CSS text-transform Property

【讨论】：

【解决方案7】：

您要保存它还是只以大写形式显示它？

如果你只需要显示，你可以CSS：

<style type="text/css">
input {
    text-transform:uppercase;
}
</style>

如果你想以大写形式保存它，服务器端是最好的方法。我建议创建一个自定义 ModelBinder，它会在每个字符串属性上调用 String.ToUpper。

您也可以混合使用这两种策略。

【讨论】：

这不以大写形式存储
这就是为什么我说If you need only to show, you can you CSS

【解决方案8】：

使用此功能

<script type="text/javascript" language="javascript">
      $(document).ready(function(){
        $("#text_field_id").keyup(function() {
        $(this).val($(this).val().toUpperCase());
        });
        });
</script>

【讨论】：