2015-11-11 2 views
0

Я не могу понять, как преобразовать текст, введенный в текстовое поле ввода (txtQuestion), во весь нижний регистр, т. Е. Ввод «ввод» или «INpUt» будет считаться одинаковым и вывести тот же результат.Как преобразовать текст, введенный в поле ввода, в нижний регистр?

ответ

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()" />

+0

Да, но я не знаю, куда поместить функцию toLowerCase(), так что она преобразует входные данные в текстовое поле пользователем. –

+0

@SamC Посмотрите на этот новый пример, который я сделал, показывая, где вы можете использовать это –

+0

@SamC. Если бы это было то, что вы хотели, замаскируйте как правильный ответ, чтобы помочь будущим людям с теми же сомнениями –

0

Вы должны выбрать события, которые вы хотите посмотреть, а затем вернуться к входу и то же значение, но в нижнем регистре:

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" />

Смежные вопросы