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.
asked Jun 16, 2017 at 10:37
Paramjeet
3361 gold badge5 silver badges19 bronze badges
4 Answers 4
$('#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, 2017 at 10:41
Subhabrata Mondal
5288 silver badges23 bronze badges
Sign up to request clarification or add additional context in comments.
3 Comments
Sagar
This is false in case user copy pastes the text though. Ref:- stackoverflow.com/questions/18608954/…
Andrei Todorut
And what happens if the user paste the code in input ?
Paramjeet
@AndreiTodorut you are right. then this code will not work.
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.
answered Jun 16, 2017 at 10:45
Andrei Todorut
4,5762 gold badges19 silver badges27 bronze badges
Comments
Worked for me
$("#firstname").keyup(function(){
var text=$(this).val();
$(this).val(text.replace(/[^(a-zA-Z)]/g,''));
});
answered Jun 16, 2017 at 11:00
Paramjeet
3361 gold badge5 silver badges19 bronze badges
Comments
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/
Comments
lang-js