I am new in javascript I want to create textbox which not allows blank space, I don't want to allow paste blank space also. Using jquery I can do it simply but I want to do it using javascript my jquery code is below,
$("input#UserName").on({
keydown: function(e) {
if (e.which === 32)
return false;
},
change: function() {
this.value = this.value.replace(/\s/g, "");
}
});
I want to do the same thing using javascript help me, please ....
You can use addEventListener to add listener. You can also use onInput to merge both events.
var text = document.getElementById('txtText');
text.addEventListener('input', function(e){
var keyCode = e.keyCode ? e.keyCode : e.which;
this.value = this.value.replace(/\s/g, '')
if(keyCode === 32) return;
})<input type='text' id="txtText">
-?Try this,
HTML :
<input type="text" value="" maxlength="30" name="email" id="UserName">
Javascript :
document.getElementById("UserName").onkeypress = function(e) {
if (e.which == 32) {
return false;
}
}
Demo : Click here
Here the transcription of your jQuery code
var input = document.getElementById("UserName");
if (input) {
input.addEventListener('keydown', function(e){
var key = e.which || e.keyCode;
if (key === 32) {
e.preventDefault();
return false;
}
});
input.addEventListener('change', function(){
this.value = this.value.replace(/\s/g, "");
});
}<input type="text" id="UserName">Please use below code to detect space
<input type="text" name="test" id="test">
document.getElementById("test").onkeypress = function (evt) {
var k = evt ? evt.which : window.event.keyCode;
if (k == 32) {
return false;
}
}
To detected pest event. Please check below code. It will remove white space onblur event
document.getElementById("test").onblur = function (evt) {
var x = document.getElementById("test");
x.value = x.value.replace(/\s/g, "");
}
