如何將輸入框中鍵入的文本轉換為小寫？

Question

我不知道如何將鍵入到文本輸入框（txtQuestion）的文本轉換為全部小寫，即鍵入“ input”或“ INpUt”將被讀取並輸出相同的結果。

Answer 1

使用toLowerCase（）函數。 例如： "INPuT".toLowerCase();

 exampleFunction = function(){ //First we get the value of input var oldValue = document.getElementById('input').value; //Second transform into lowered case var loweredCase = oldValue.toLowerCase(); //Set the new value of input document.getElementById('input').value = loweredCase; } 

 <input id="input" type="text" onkeyup="exampleFunction()" /> 

Answer 2

您必須選擇要觀看的事件，然后將相同值但小寫的返回到輸入：

 function InputLowerCaseCtrl(element, event) { console.log(element.value) return element.value = (element.value || '').toLowerCase(); }; InputLowerCaseCtrl.bindTo = ['blur'].join(' '); document.addEventListener('DOMContentLoaded', function() { var input = document.querySelector('.input-lowercase'); return input.addEventListener(InputLowerCaseCtrl.bindTo, InputLowerCaseCtrl.bind(this, input)); }); 

 <input class="input-lowercase" type="text" /> 

Answer 3

您可以使用String.prototype.toLowerCase函數將任何字符串輸入轉換為小寫

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/toLowerCase

對於您而言，帶有txtQuestion輸入的示例。

 var inputStringLowerCase = inputTxtQuestion.value.toLowerCase(); 

https://jsfiddle.net/fbkq2po4/