How to block special characters in HTML input field? [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

Want to improve this question? Guide the asker to update the question so it focuses on a single, specific problem. Narrowing the question will help others answer the question concisely. You may edit the question if you feel you can improve it yourself. If edited, the question will be reviewed and might be reopened.

Closed 8 years ago.

Improve this question

I just want ask if how I will block special characters such as <,>,",/,etc. in html input field?

By "block" do you mean not allowed to be typed in? What about pasting text? — Spencer Wieczorek
– Spencer Wieczorek, Commented Oct 14, 2017 at 17:18
For what purpose? Are you trying to prevent the user from using HTML? — ceejayoz
– ceejayoz, Commented Oct 15, 2017 at 3:34

RaShe · Accepted Answer · 2017-10-18 08:55:47Z

7

Why not use html5?

<input type="text" pattern="[^()/><\][\\\x22,;|]+">

answered Oct 18, 2017 at 8:55

RaShe

1,8803 gold badges28 silver badges43 bronze badges

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

1 Comment

sametcodes Over a year ago

This way must to use in a form.

sametcodes · Accepted Answer · 2017-10-18 08:59:57Z

4

You can use regex.

document.getElementById("input").onkeypress = function(e) {
    /^[a-zA-Z0-9]+$/.test(this.value) // return true or false
};

<input type="text" id="input">

answered Oct 18, 2017 at 8:59

sametcodes

5536 silver badges8 bronze badges

1 Comment

vsync Over a year ago

It is not blocking. pattern is for validation only

Dror Moyal · Accepted Answer · 2017-10-18 08:46:03Z

4

You can explicitly state which characters you accept HTML input pattern Attribute

If you insist on blocking specific characters you can use the following:

document.getElementById("explicit-block-txt").onkeypress = function(e) {
    var chr = String.fromCharCode(e.which);
    if ("></\"".indexOf(chr) >= 0)
        return false;
};

<input type='text' id='explicit-block-txt' value='' onpaste="return false"/>

answered Oct 18, 2017 at 8:46

Dror Moyal

4084 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to block special characters in HTML input field? [closed]

3 Answers 3

1 Comment

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Linked

Related