Javascript Replace function not working

Question

I have following code :-

/*****html*********/
<input type="text" id="firstname">

/******jquery********/
$(document).ready(function(){
   $("#firstname").keyup(function(){
      var text=$(this).val();
      $(this).val(text.replace(/[^\s((a-zA-Z))]/g,''));
   });
});

I don't want any whitespace in my input box.Tried above code but not working. Something wrong in my code. Please help.

score 2 · Answer 1 · answered Jun 16 '17 at 10:41

2

$('#firstname').keypress(function( e ) {
    if(e.which === 32) 
        return false;
});

You can prevent key press if white space. So that no one can type it.

answered Jun 16 '17 at 10:41

Subhabrata Mondal

526
8
23

1

This is false in case user copy pastes the text though. Ref:- https://stackoverflow.com/questions/18608954/how-to-prevent-user-from-entering-special-characters-in-text-box-when-length-is – Sagar Jun 16 '17 at 10:44
1

And what happens if the user paste the code in input ? – Andrei Todorut Jun 16 '17 at 10:46
1

@AndreiTodorut you are right. then this code will not work. – Paramjeet Jun 16 '17 at 11:07

Andrei Todorut · Answer 2 · 2017-06-16T10:51:06.330

2

Your regex is wrong. Please check this https://jsfiddle.net/w1uqqsc3/

$(this).val(text.replace(/[\s((0-9))]/g,''));

Use this app for regex http://regexr.com/

There you can find references about regex.

edited Jun 16 '17 at 10:51

answered Jun 16 '17 at 10:45

Andrei Todorut

4,260
2
17
28

Paramjeet · Answer 3 · 2017-06-16T12:08:54.137

0

Worked for me

$("#firstname").keyup(function(){
  var text=$(this).val();
  $(this).val(text.replace(/[^(a-zA-Z)]/g,''));
});

edited Jun 16 '17 at 12:08

answered Jun 16 '17 at 11:00

Paramjeet

316
1
5
18

Naveen P · Answer 4 · 2017-06-16T12:21:55.767

If you try to do replacement during keyup event, you might face cursor jump issues while trying to edit the text.

I would prefer to allow them typing whatever they want and clean-up the text during change event as below (This would work perfectly for copy-paste scenario too):

$(document).ready(function(){
   $("#firstname").change(function(){
      var text=$(this).val();
      $(this).val(text.replace(/\s/g,''));
   });
});

JS Fiddle: https://jsfiddle.net/pnaveen/w1uqqsc3/2/

Javascript Replace function not working

4 Answers4