2012-03-06 64 views
10

我正在爲我公司開發一些表單供我使用。我諮詢並將數據插入到數據庫中,但對於標準問題,我想將我輸入的文本轉換爲大寫,我該怎麼做?如何將所有文本控制或更改爲大寫

我的形式之一的實例:

我想要的文本字段我進入自動轉換爲大寫,或者數據,我進入我已經轉化爲大寫的數據庫(的情況下,用戶沒有按」以這種方式進入)。


編輯:

我嘗試

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

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

,並沒有任何反應到該領域。我究竟做錯了什麼?

+0

請參閱此[我怎樣才能迫使輸入在ASP.NET文本框爲大寫字母?(http://stackoverflow.com/a/202545/500725) – 2012-03-06 16:19:30

+0

沒有html中的這樣的元素:'tbCiudad'。你應該使用'input [type = text]'作爲任何文本輸入或者更具體的選擇器,比如類或者ID – 2012-03-06 17:05:51

+0

謝謝你,很好的作品 – 2012-03-06 17:13:37

回答

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

這樣做,如果我輸入數字?或者如果alredy以大寫形式輸入文本? – 2012-03-06 16:31:56

+0

我嘗試過,但不會發生什麼 – 2012-03-06 16:37:53

+0

這很奇怪。它應該工作得很好,除非你的頁面上有一些其他的javascript錯誤。見[這裏](http://jsfiddle.net/cpF7C/)這個 – 2012-03-06 16:50:32

2

使用普通的舊JavaScript中使用toUpperCase()

+0

$(「#codigoCliente」)。toUpperCase(),像這樣? – 2012-03-06 16:18:14

+0

如果我輸入數字改變什麼?,我如何控制我輸入的文字?如果不是大寫字母,那麼大寫字母不會做任何事情 – 2012-03-06 16:22:55

+0

數字不會受到影響,如果它已經是大寫字母,它仍然會運行轉換,但實際上沒有任何變化。 – 2012-03-06 16:30:53

0

使用JavaScript toUpperCase方法。

我也相信有在ASP一個函數來做到這一點,例如strtoupper在PHP

0

可以使用javacsript方法toUpperCase()做這種轉換。

4

您可以添加使用JavaScript(或者,如果你想jQuery的)的事件處理程序對這些文本框的keypressblur事件,然後學以致用傑伊·布蘭查德建議。事情是這樣的:

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

感謝這個作品很棒 – 2012-03-06 16:47:50

1

你想保存或只顯示它以大寫字母?

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

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

如果你想將其保存在大寫,服務器端是做到這一點的最好辦法。我建議創建一個自定義的ModelBinder,它會在每個字符串屬性上調用String.ToUpper

您也可以混合使用這兩種策略。

+0

我想展示它,並將其保存在大寫 – 2012-03-06 16:29:16

+0

這不是存儲在大寫 – 2016-04-07 08:36:28

+1

這就是爲什麼我說'如果你只需要顯示,你可以CSS' – goenning 2016-04-07 20:34:14

1

使用此功能

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