How to disable delete button for datepicker input readonly

Question

This following code not allow user type new characters, but will allow delete characters:

$("#input_txt").keypress(function(event) {
event.preventDefault();
});

But I don't want to allow delete characters, How to do this ?

Why don't you just add `readonly` property on your `input`.. `` — Guruprasad J Rao, Jun 22 '17 at 05:50
Possible duplicate of [jQuery: keyPress Backspace won't fire?](https://stackoverflow.com/questions/4690330/jquery-keypress-backspace-wont-fire) — Leo Zhao, Jun 22 '17 at 06:02

score 1 · Answer 1 · answered Jun 22 '17 at 05:53

1

You shouldn't use the keypress event, you should use keydown. It will work for you.

$("#input_txt").keydown(function (event) {
                event.preventDefault();
            });

answered Jun 22 '17 at 05:53

Tien Nguyen Ngoc

1,555
1
8
17

score 0 · Answer 2 · answered Jun 22 '17 at 05:49

0

You need to disable the input field altogether. Add disabled to the input tag:

<input (...) disabled>

Now it's greyed out and you can't edit it.

answered Jun 22 '17 at 05:49

techfly

1,826
3
25
31

score 0 · Answer 3 · answered Jun 22 '17 at 05:53

0

Preventing keypresses is a dirty and buggy way to prevent user inputs. Instead try disabling (as answered by @Aenadon) or making it readonly (as commented by @GuruprasadRao).

Disabling it also disables any interaction with the textbox, while making it readonly allows user to navigate through the text. In both the situations, the user will not be able to change anything in the textbox (yes, not even deleting).

You can do the above using jQuery like this:

$("#input_txt").prop("disabled", true); // Disable the text box
$("#input_txt").prop("readonly", true); // Make the text box read only

answered Jun 22 '17 at 05:53

31piy

23,323
6
47
67

the textbox using for datepicker, using above code disbale onclick event also, but this should not happen, – user7778268 Jun 22 '17 at 06:03
@Avinash - Then make it readonly. Click events work on readonly textbox. – 31piy Jun 22 '17 at 06:04

How to disable delete button for datepicker input readonly

3 Answers3