заменить неправильный ввод из поля ввода

Question

Я пытаюсь заменить неправильное поле ввода входной формы. Это какой-либо способ заставить этот код работать?

<span class="input-bet"> 
    <input type="text" placeholder="0" data-required="true" maxlength='6'/> 
</span> 

$('.input-bet > input').on('input propertychange paste', function(e) { 
var youreg = /^[ю]+/gi; 
for (var i = 0;i<this.value.length;i++){ 
    if(this.value[i].match(youreg)){ 
     this.value[i] = this.value[i].replace(youreg, '.'); 
    } 
} 

если кто-то нужно - здесь рабочий раствор fiddle

Answer 1

Вы не можете присвоить отдельные символы в значении элемента ввода текста. Вы можете, однако, заменить значение. Сценарий может быть изменен следующим образом:

$('.input-bet > input').on('input propertychange paste', function(e) { 
var youreg = /ю/gi; 
for (var i=0; i<this.value.length; i++){ 
    if (this.value[i].match(youreg)) { 
     this.value = this.value.replace(youreg, '.'); 
    } 
}}); 

Но это неэффективно, поскольку он выполняет регулярное выражение match для каждого символа. Вместо этого вы можете заменить символы обижая в один прием, используя replace():

$('.input-bet > input').on('input propertychange paste', function(e) { 
    this.value = this.value.replace(/ю/ig, '.'); 
}); 

Обратите внимание, что [] в шаблоне не требуется, если вы соответствие только один символ. Если вы хотите, чтобы соответствовать и заменить несколько символов, то вы можете использовать этот шаблон:

this.value = this.value.replace(/[a-zю]/ig, '.'); 

который, например, будет заменить все символы от «а» до «Z», а также «» ю.