Prevent typing in Text Field Input, Even Though Field is NOT Disabled/Read-Only

Question

Can I prevent HTML Text Field input even when my field is NOT Disabled or Read-only? I have this requirement.

Maybe I can block all inputs via JS or jQuery?

Answer 1

See this fiddle

You can use jQuery for this.. You can do it as below

$('input').keypress(function(e) {     e.preventDefault(); }); 

OR

you can just return false instead of using preventDefault(). See the script below

$('input').keypress(function(e) {     return false }); 

See the fiddle

OR

A much simplified version without Javascript would be as below. Just change your HTML as below

<input type="text" onkeypress="return false;"/> 

See the fiddle

Answer 2

If you wish to make the field complete in-intractable.

$('input').focus(function(e) {     $(this).blur(); }); 

Example : https://jsfiddle.net/DinoMyte/up4j39qr/15/