jQuery input filter for textarea

Question

I adapted this solution into my script. The idea is to prevent the user from typing unauthorized characters (of course there is also a filter on the back end).

$('#someinput').keyup(function() {
    var $th = $(this);
    $th.val( $th.val().replace(/[^a-zA-Z0-9]/g, function(str) {
        console.log(str);
        return '';
    }))
})

It works nice, but I also need the users to be able to type specific allowed characters like: .,!?ñáéíóú - I mean, the basic a-zA-Z0-9 plus some basic chars and the whole bunch of special language characters.

What actually needs to be left out are: @#$%^&*()=_+"':;/<>\|{}[]

Any ideas? Thanks!

Solution thanks to Michael

//query
$('#someinput').keyup(function() {
    var $th = $(this);
    $th.val($th.val().replace(/[@#$%\^&*()=_+"':;\/<>\\\|{}\[\]]/g,function(str){return '';}));
}).bind('paste',function(e) {
    setTimeout(function() {
        $('#someinput').val($('#someinput').val().replace(/[@#$%\^&*()=_+"':;\/<>\\\|{}\[\]]/g,function(str){return '';}));
        $('#someinput').val($('#someinput').val().replace(/\s+/g,' '));
    },100);
});

stackoverflow.com/questions/6565480/… see if this helps

Val
– Val

2011-12-08 14:55:54 +00:00
Commented Dec 8, 2011 at 14:55 — Val
– Val, Commented Dec 8, 2011 at 14:55

Michael Berkowski · Accepted Answer · 2011-12-08 15:11:01Z

5

Invert your regular expression to only replace the specific characters you want omitted:

$th.val( $th.val().replace(/\s?[@#$%\^&*()=_+"':;\/<>\\\|{}\[\]]/g, ""));
// Edit: added optional \s to replace spaces after special chars

Note, a few of them need to be escaped with a backslash inside a [] character class: \\\[\]\^\/

edited Dec 8, 2011 at 15:11

answered Dec 8, 2011 at 14:54

Michael Berkowski

271k47 gold badges450 silver badges395 bronze badges

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

3 Comments

Andres SK Over a year ago

great! i also added this to the bind('paste'),function(e) to run the regex when the user pastes a bunch of text. if he pastes: "hello @ friend" the result will be "hello friend" that is ok excepto that there are 2 spaces instead of one. is it possible to prevent more than one space in the same regex? or should i place it in a separate regex for the bind() event only.

Michael Berkowski Over a year ago

@andufo you can put an optional space before & after the [] above. Try my edit above and see if it works for you. Otherwise, you can just do another replacement to collapse multiple spaces: /\s+/ replace with one space.

Michael Berkowski Over a year ago

I think I would probably just do a second replacement myself, rather than try to modify that regex

Groovetrain · Accepted Answer · 2011-12-08 14:54:37Z

3

If I'm understanding what you are wanting to do, can't you just add those unwanted characters to your regex instead of doing the [^a-zA-Z0-9]?

Replace that with [@#\$%\^&\*=_\+"':;\/<>\\\|\{\}\[\]] (notice the escaping)

answered Dec 8, 2011 at 14:54

Groovetrain

3,32521 silver badges23 bronze badges

Collectives™ on Stack Overflow

jQuery input filter for textarea

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related