Restrict keyboard Input to Textbox JavaScript

Question

How do i restrict user to enter any data from Keyboard to Text-box. Actually my requirement is that, this particular textbox is being used for only scanning purpose. Hence, only scanned data will be entered to this textbox and want to restrict any manually entered data from keyboard.

Can we see some code of what you are doing?

rink.attendant.6
– rink.attendant.6

2013-08-09 05:39:49 +00:00
Commented Aug 9, 2013 at 5:39 — rink.attendant.6
– rink.attendant.6, Commented Aug 9, 2013 at 5:39

Lasitha Benaragama · Accepted Answer · 2013-08-09 05:38:00Z

2

Just disable the textbox and get the value from the backend will solve the issue.

answered Aug 9, 2013 at 5:38

Lasitha Benaragama

2,2092 gold badges28 silver badges43 bronze badges

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

Comments

HIRA THAKUR · Accepted Answer · 2013-08-09 06:00:18Z

2

SAMPLE FIDDLE

I dont think there is any need of javascript here.

Just use readonly in you html.

 <input value="somevalue" name="meow" readonly>

Thats it.No fancy javascript needed.

edited Aug 9, 2013 at 6:00

answered Aug 9, 2013 at 5:49

HIRA THAKUR

17.8k14 gold badges60 silver badges87 bronze badges

Comments

Amit · Accepted Answer · 2013-08-09 05:36:06Z

1

Try this

$(function(){
   $('input[type=text]').bind('keyup keydown keypress', function (evt) {
       return false;
   });
});

Demo

answered Aug 9, 2013 at 5:36

Amit

15.4k8 gold badges49 silver badges69 bronze badges

2 Comments

Sushanth -- Over a year ago

This is an overkill.. Just setting a readonly attribute should do

Amit Over a year ago

@Sushanth-- Yes you are right but he don't want disable in question

Anup · Accepted Answer · 2013-08-09 06:11:13Z

0

If you want to fill data from backend then you can permanently disable for that you just need to add in textbox html readonly and then fill value by

document.getElementById("yourtextbox_id").value="your_scanned_value";

edited Aug 9, 2013 at 6:11

answered Aug 9, 2013 at 5:51

Anup

3,3611 gold badge30 silver badges39 bronze badges

5 Comments

Anup Over a year ago

for reference : stackoverflow.com/questions/5624988/javascript-disable-textbox

Anup Over a year ago

you post your question in javascript that's why i post answer with javascript solution otherwise @VAGABOND has a right solution

user2450398 Over a year ago

Unfortunately its not working. I want to allow only input from barcode scanner. And restrict to any field from keyboard.

Anup Over a year ago

So please mention it in your question, you wrote half of the things you need.............. i am updating my answer one minute

Anup Over a year ago

and my previous answer and this is working well dear just check your code. May be you wrote something wrong there

Collectives™ on Stack Overflow

Restrict keyboard Input to Textbox JavaScript

4 Answers 4

Comments

Comments

2 Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related