How to prevent spaces and full stops in input field with javascript

Question

I have the following to disallow spaces

function nospaces(t){

    if(t.value.match(/\s/g)){

        alert('Username Cannot Have Spaces or Full Stops');

        t.value=t.value.replace(/\s/g,'');

    }

}

HTML

<input type="text" name="username" value="" onkeyup="nospaces(this)"/>

It works well for spaces but how can I also disallow full stops as well?

Tafadzwa Gonera · Accepted Answer · 2013-05-26 05:57:55Z

3

Try this

    function nospaces(t){
        if(t.value.match(/\s|\./g)){
            alert('Username Cannot Have Spaces or Full Stops');
            t.value=t.value.replace(/\s/g,'');
        }
    }

answered May 26, 2013 at 5:57

Tafadzwa Gonera

3527 silver badges20 bronze badges

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

3 Comments

Adam G Over a year ago

Thanks this works well. I just changed the last line to t.value=t.value.replace(/\s|\./g,'');

Adam G Over a year ago

I tried but not snough reputation. Once I get a good rep I will come back and vote up

Tafadzwa Gonera Over a year ago

oh forgot abt that. I have been there once :)

Shebin Mathew · Accepted Answer · 2013-05-26 05:54:48Z

2

Below is the sample html and javscript you just wanted to add /./g for checking for .

<html>
<input type="text" name="username" value="" onkeyup="nospaces(this)"/>
<script>
function nospaces(t){

    if( t.value.match(/\s/g) || t.value.match(/\./g)  ){

        alert('Username Cannot Have Spaces or Full Stops');

        t.value= (t.value.replace(/\s/g,'') .replace(/\./g,''));

    }

}
</script>
</html>

answered May 26, 2013 at 5:54

Shebin Mathew

3181 gold badge7 silver badges19 bronze badges

Comments

me_digvijay · Accepted Answer · 2013-05-26 05:58:24Z

1

If not its not necessary to use regex you can use

if(value.indexOf('.') != -1) {
    alert("dots not allowed");
}

or if required

if(value.match(/\./g) != null) {
    alert("Dots not allowed");
}

edited May 26, 2013 at 5:58

answered May 26, 2013 at 5:52

me_digvijay

5,53210 gold badges52 silver badges86 bronze badges

Collectives™ on Stack Overflow

How to prevent spaces and full stops in input field with javascript

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related