force users to type with english keyboard in input text field

Question

i have an input text field and want users type it with English keyboard not with Arabic or etc. How can i do that in HTML or Javascript or jquery?

<input type="text" id="username" size="15">

i tested it with lang attribute like this,but it didn't work:

<input type="text" id="username" size="15" lang="en">

Use some JS to handle keypresses and filter out any non-English characters you don't want. JS cannot detect what keyboard is in use, but it can detect the characters as they're entered. — Marc B
– Marc B, Commented Feb 14, 2012 at 20:58
Keypress handlers can be circumvented by using cut and paste with the mouse. All JavaScript code can be circumvented by disabling JavaScript in the browser. So handling the data server-side should be prepared to any characters and do whatever needs to be done with them. It’s not clear at all what the real problem or goal is here. — Jukka K. Korpela
– Jukka K. Korpela, Commented Feb 14, 2012 at 21:09

p1100i · Accepted Answer · 2012-02-14 21:10:52Z

3

Pure javascript solution would be:

<script language="JavaScript">
function checkKeycode(e) {
  var keycode=e.keyCode? e.keyCode : e.charCode
  if(isEnglishKeyCode(keycode)){
    //do something if u want
  }
  else{
    void(0);
  }
}
</script>
<form>
<input type="text" onkeydown="checkKeycode(event); this.select()" />
</form>

So void(0) "disables" the event and it wont be written into the input. I trust that u can write the isEnglishKeyCode(keycode) method. For help on keycode u can use this link or search around.

answered Feb 14, 2012 at 21:10

p1100i

3,7702 gold badges32 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

force users to type with english keyboard in input text field

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related