作爲用戶鍵入它的文本字段中的文本大寫而不使用CSS文本轉換？

Question

我已經使用css解決了這個問題，但我不允許使用css將文本作爲用戶類型進行大寫，然後在提交前將提交的數據更改爲大寫？任何人都可以使用jquery/JS來幫助我。

Answer 1

關於keyup函數，文本框是大寫的，但編輯光標位置時總是強制在大多數瀏覽器中結束。它像一個魅力

$(selector).on('keyup',function(){ 
    var start = this.selectionStart, 
     end = this.selectionEnd;  
     this.value = this.value.toUpperCase(); 
     this.setSelectionRange(start, end); 
}); 

Answer 2

對keyup event。只是採用的方法轉換爲大寫

this.value.toUpperCase(); 

Check Fiddle

但是，如果你想要的文字，只是在提交數據之前是大寫。那麼最好是要轉換爲大寫一次，而不是在keyup event結合吧..

// submit here 
     var data = $('#input')[0].value.toUpperCase(); 

Change Event fiddle

$("input").on('keyup', function(e) { 
    if([8,37,38].indexOf(e.keyCode) > -1) { 
     return; 
    } 
    this.value = this.value.toUpperCase(); 
}); 

Another fiddle

您可以使用的鍵碼，檢查是否任退格鍵或方向鍵被按下。否則大寫或返回它。

Answer 3

您可以使用keyup事件：

$("#idOfInput").keyup(function() { 
    this.value = this.value.toUpperCase(); 
}); 

演示：http://jsfiddle.net/Sqef8/

Answer 4

你可以捕獲一個在keydown事件z和與AZ替換所選文本：的

function ucase(event, source) { 
     var evt = event ? event : window.event; 
     if (evt.keyCode >= 65 && evt.keyCode <= 90) { 
      textboxReplaceSelect(source, String.fromCharCode(evt.keyCode).toUpperCase()); 
      return false; 
     } 
     return true; 
    } 

    function textboxReplaceSelect(oTextbox, sText) { 
     var isOpera = navigator.userAgent.indexOf("Opera") > -1; 
     var isIE = navigator.userAgent.indexOf("MSIE") > 1 && !isOpera; 
     var isMoz = navigator.userAgent.indexOf("Mozilla/5.") == 0 && !isOpera; 
     if (isIE) { 
      var oRange = document.selection.createRange(); 
      oRange.text = sText; 
      oRange.collapse(true); 
      oRange.select(); 
     } else if (isMoz) { 
      var iStart = oTextbox.selectionStart; 
      oTextbox.value = oTextbox.value.substring(0, iStart) + sText + oTextbox.value.substring(oTextbox.selectionEnd, oTextbox.value.length); 
      oTextbox.setSelectionRange(iStart + sText.length, iStart + sText.length); 
     } 

     oTextbox.focus(); 
    } 

例如何調用它：

<input type="text" onkeydown="return ucase(event,this);" /> 

http://jsfiddle.net/YbD2N/4/