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

时间:2012-03-06 16:13:28

标签: jquery asp.net-mvc

我正在开发一些供公司使用的表格。我咨询并将数据插入数据库,但对于标准问题,我想将我输入的文本转换为大写,我是如何做到的?

我的一个表格示例:

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


编辑:

我试试

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

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

并没有发生任何事情。我做错了什么?

8 个答案:

答案 0 :(得分:24)

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

答案 1 :(得分:4)

您可以使用javascript(或jquery,如果需要)将事件处理程序添加到这些文本框的keypressblur事件中,然后应用Jay Blanchard建议的内容。像这样:

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

答案 2 :(得分:2)

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

答案 3 :(得分:1)

您可以使用javascript方法toUpperCase()进行此次转化。

答案 4 :(得分:1)

您要保存还是仅以大写显示?

如果你只需要展示,你可以使用CSS:

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

如果要将其保存为大写,服务器端是最好的方法。我建议创建一个自定义的ModelBinder,它会在每个字符串属性上调用String.ToUpper

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

答案 5 :(得分:1)

使用此功能

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

答案 6 :(得分:0)

使用javascript toUpperCase方法。

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

答案 7 :(得分:0)

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

.uppercase
{
    text-transform: uppercase;
}

参考 CSS text-transform Property