After regular expression overwrite text in a html input field

Question

I have several input fields that I need to filter the input on. I've put them in a class and used a regular expression to limit the characters to numbers, letters, and underscore. That works fine, but when I tab from one input field to the next, the cursor moves to the end of the input text. I want it to be highlighted so that it can be typed over if desired instead of having to highlighting it with the mouse first.

<input type="input" class="jqfc" value="one"><br>
<input type="input" class="jqfc" value="two"><br>    
<input type="input" class="jqfc" value="three"><br>    
<input type="input" value="highlights"><br>    


jQuery('.jqfc').keyup(function () {
      this.value = this.value.replace(/[^a-z0-9\_]/gi, "");
});

sample: http://jsfiddle.net/ngwr6/2/

agmcleod · Accepted Answer · 2014-07-23 20:36:59Z

1

jQuery('.jqfc').keyup(function (e) {
  if (e.keyCode !== 9){
    this.value = this.value.replace(/[^a-z0-9\_]/gi, "");
  }
});

This way it wont run the logic if the tab key is pressed. I thought of doing something like select(), but then that happens every time you type.

answered Jul 23, 2014 at 20:36

agmcleod

13.6k13 gold badges61 silver badges100 bronze badges

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

Comments

4m1r · Accepted Answer · 2014-07-23 20:42:07Z

0

This ought to do the trick:

jQuery('.jqfc').keyup(function () {
    var regex = /[^a-z0-9\_]/gi;
    if(this.value.match(regex)){
        this.value = this.value.replace(regex, "");
    }

});

jQuery('.jqfc').on('focus, click', function(){
        this.select();
});

http://jsfiddle.net/ngwr6/5/

answered Jul 23, 2014 at 20:42

4m1r

12.6k10 gold badges48 silver badges59 bronze badges

Collectives™ on Stack Overflow

After regular expression overwrite text in a html input field

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related