How to restrict input to not able input char #

Question

I want to restrict html input, so user cannot input char # into the input

i tried to use pattern but it seems not working

i add these pattern to my input pattern="[^-#]+"

i expect the user cannot input char #, but it still can, what was wrong?

pattern won't stop users from typing in those characters. You'd have to use keyup event — adiga
– adiga, Commented Apr 26, 2019 at 6:20
possible duplicate of stackoverflow.com/questions/895659/… — Kavvya Ramarathnam
– Kavvya Ramarathnam, Commented Apr 26, 2019 at 6:27
Possible duplicate of how do i block or restrict special characters from input fields with jquery? — manish kumar
– manish kumar, Commented Apr 26, 2019 at 6:51

Sudhir Ojha · Accepted Answer · 2019-04-26 06:47:00Z

1

Use a key up event and use replace() to replace # with empty string ''.

<script>
function validateInput()
{
   var data = document.getElementById("input").value;
   data = data.replace('#','');
   document.getElementById("input").value = data;
}
</script>
<input type="text" id="input" onkeyup="validateInput()" />

answered Apr 26, 2019 at 6:47

Sudhir Ojha

3,3053 gold badges16 silver badges28 bronze badges

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

Comments

dp2050 · Accepted Answer · 2019-04-26 06:35:00Z

0

This worked for me. Place your logic in onkeydown or onkeypress event handler function. find out the charCode. It must be 35. Then simply event.preventDefault() if the condition is met.

answered Apr 26, 2019 at 6:35

dp2050

3403 silver badges8 bronze badges

Comments

Sunil Kashyap · Accepted Answer · 2019-04-26 06:48:56Z

0

use replace function to replace # with space on keyup or oninput event.

<input type="text" 
oninput="this.value = this.value.replace(/#/g, '')" />

answered Apr 26, 2019 at 6:48

Sunil Kashyap

2,9842 gold badges17 silver badges33 bronze badges

Collectives™ on Stack Overflow

How to restrict input to not able input char #

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related