Not able to delete the text after using JavaScript Regex

Question

After using the replace to put a slash after the second character, I became unable to delete it.

that is what happens when you change the text as the user types. Get to 2 and it adds the slash. Is there a reason you are not using date input? — epascarello
– epascarello, Commented Feb 19, 2020 at 15:13
That is exactly what you do with your replace: you put the / back there. — Wiktor Stribiżew
– Wiktor Stribiżew, Commented Feb 19, 2020 at 15:17
Yeah, but I want to know how to change the Regex, so it will behave as I want — Anderson
– Anderson, Commented Feb 19, 2020 at 15:19
The issue is the reg exp is doing what you want as you type the date.... not sure how you can change it to do it both ways. try moving the cursor and typing, you will run into other issues. You can listen for what key code is pressed and do thing differently — epascarello
– epascarello, Commented Feb 19, 2020 at 15:23
It's not a regex issue. You are over-aggressively acting upon user input. — MonkeyZeus
– MonkeyZeus, Commented Feb 19, 2020 at 15:36

Addis · Accepted Answer · 2020-02-19 16:04:28Z

2

Use event.key to check for the pressed key, and if the key is either Backspace or Delete return from the event handler without executing the insertion of the /:

const input = document.querySelector('input');

input.addEventListener('keydown', () => {
    if(event.key === 'Backspace' || event.key === 'Delete') {
       return;
    }		
    if(input.value.length === 2)    input.value += '/'; 
});

<input>

edited Feb 19, 2020 at 16:04

answered Feb 19, 2020 at 15:44

Addis

2,5402 gold badges16 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Not able to delete the text after using JavaScript Regex

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