Check for empty space using javaScript

Question

I have a text box.

<input type="text" name="FirstName" value="Mickey">

I want the user to prevent from entering empty space or tab or new line.Spaces between characters is allowed. How can I do that? Can some one give me a working demo? I have this now

Add event to input, pass `event` as parameter, then `if (event.which == 32 ...)` — elclanrs, Sep 03 '13 at 08:46
Questions asking for code must demonstrate a **minimal understanding of the problem being solved.** Include attempted solutions, why they didn't work, and the expected results. — Patsy Issa, Sep 03 '13 at 08:46
Can you even have a new line in an `input type="text"` field? — putvande, Sep 03 '13 at 08:46
Take a look at http://stackoverflow.com/questions/498970/how-do-i-trim-a-string-in-javascript — David Hölkeskamp, Sep 03 '13 at 08:47
I want to allow space between characters. For example,"Java Beginner" should be alowed. — JavaBeginner, Sep 03 '13 at 08:54

score 1 · Answer 1 · answered Sep 03 '13 at 09:11

Try this one, spaces are allowed after if not the start of the string

window.onload = function () {
var inputEl = document.getElementById("nospace");
inputEl.addEventListener("keydown", function (e) {
    if (e.keyCode == 32 && this.value.length==0) {
        e.preventDefault();
    }
  });
}
http://jsfiddle.net/k6She/

score 1 · Accepted Answer · answered Sep 03 '13 at 09:11

Just add one more condition like

if (inputEl.value.length == 0) {
            if (e.keyCode == 32) {
                e.preventDefault();
            }
        }

FYI: You can't have new line in TextBox, so no need to prevent enter key

window.onload = function () {
    var inputEl = document.getElementById("nospace");
    inputEl.addEventListener("keydown", function (e) {
        if (inputEl.value.length == 0) {
            if (e.keyCode == 32) {
                e.preventDefault();
            }
        }
    });
}

Check this JSFiddle

score 0 · Answer 3 · answered Sep 03 '13 at 08:57

0

Try this

$(document).ready(function(){
             $("#target").keypress(function(e) {
               if(e.keyCode == 13 || e.keyCode==32)
                   return false;

});
 });

answered Sep 03 '13 at 08:57

Indra Yadav

600
5
22

Saritha.S.R · Answer 4 · 2013-09-03T09:11:27.857

0

Here I am checking the keycode of space bar and tab.Normally new line is not allowed in input type="text".

 window.onload = function () {
        var inputEl = document.getElementById("nospace");
        inputEl.addEventListener("keydown", function (e) {
            if (e.keyCode == 32 || e.keyCode == 9) {
                e.preventDefault();
            }
        });
    }

JSFIDDLE

EDIT: Try this: Sample Code

 $("#nospace").keydown(function (e) {
        if (e.keyCode == 32 || e.keyCode==9) {
            e.preventDefault();
        }
    });

edited Sep 03 '13 at 09:11

answered Sep 03 '13 at 08:59

Saritha.S.R

800
1
6
19

1

Please note that spaces are allowed in between characters. – JavaBeginner Sep 03 '13 at 09:02

score 0 · Answer 5 · answered Sep 03 '13 at 08:59

0

working sample

HTML

<input>

Javascript

$("input").on("keydown", function (e) {
    return e.which !== 32;
});

This will allow all alphabets,letters,special characters except whitespace..

answered Sep 03 '13 at 08:59

Sasidharan

3,676
3
19
37

Avin Varghese · Answer 6 · 2013-09-03T09:21:15.803

0

Fiddle: http://jsfiddle.net/Rs6Gx/

Js:

$(function(){
    $("input").keyup(function(e){
         $(this).val($(this).val().replace(/^\s/g, ""));
    });
});

edited Sep 03 '13 at 09:21

answered Sep 03 '13 at 09:09

Avin Varghese

4,340
1
22
31

Check for empty space using javaScript

6 Answers6