How to prevent a user from adding same character over and over in HTML input box using JavaScript?

Question

Aryan Kumar · Answer

To prevent a user from adding the same character repeatedly in an HTML input box, you can use JavaScript to check for the last entered character and block the user from entering the same character again.
const input = document.getElementById('myInput');
let lastChar = '';
input.addEventListener('input', (event) => {
  const value = event.target.value;
  const currentChar = value.charAt(value.length - 1);
  if (currentChar === lastChar) {
    event.target.value = value.slice(0, value.length - 1);
  }
  lastChar = currentChar;
});

forum

How to prevent a user from adding same character over and over in HTML input box using JavaScript?

Revati S Misra

Can you answer this question?

1 Answers

Liked By