Question

I would like to replace letters into numbers as they’re typed inside an <input type="text"> box.

Currently I use this code:

function Auto(str) 
{
  var search = new Array(
    "q","w","e","r","t","y","u","i","o","p"
  );
  var replace = new Array(
    "1","2","3","4","5","6","7","8","9","0"
  );
  return str.replace(search, replace);
}

// me need make find in find_str but i dont know how…

$("#find").on('keypress',function(){
  find_str = $("#find").val();
  alert (Auto(find_str));
});

Tell me please how make find letter in find_str and how to write this code?

P.S.: alert() only for test.

Answer 1

replace doesn’t do arrays. There are a couple of alternatives, like multiple replacements, but transliteration seems good:

var map = {q: '1', w: '2', e: '3', r: '4', t: '5', y: '6', u: '7', i: '8', o: '9', p: '0'};
var r = '';

for(var i = 0; i < str.length; i++) {
    r += map[str.charAt(i)] || str.charAt(i);
}

return r;

Also note that you’re probably going to run into some focus problems, which are really annoying for users, so avoid things like this if at all possible.