How to allow text and number but not allow special char in this input?

Question

How to allow text and number but not allow special char in this input ?

in my code , it's will allow only number, i want to apply to allow text too,

How can i do that?

and can i user this function base on javascript ?

<form action=# name=f1 id=f1 onsubmit="return false">
<input type=text name=t1 id=t1 value="" size=25 style="width:300px;"
 onkeypress="if(this.value.match(/\D/)) this.value=this.value.replace(/\D/g,'')"
 onkeyup   ="if(this.value.match(/\D/)) this.value=this.value.replace(/\D/g,'')"
>
</form>

Define “allow” (should the checks be made when entering characters, or upon submission?), “number” (is −3.14 a number?), and “text” (is “fiancé” text?). When you have exactly defined the problem, you have almost solved it. — Jukka K. Korpela
– Jukka K. Korpela, Commented Oct 2, 2014 at 14:15

Amit Joki · Accepted Answer · 2014-10-02 13:03:04Z

1

Just add a pattern attribute:

<input pattern="^[a-zA-Z0-9\s]+$" type="text" />

DEMO

The above will do in most browsers. But you can fall back to jQuery using

$('input').keypress(function (e) {
    if (!/[a-zA-Z0-9\s]/.test(String.fromCharCode(e.which || e.keyCode))) {
        e.preventDefault();
    }
});

DEMO

edited Oct 2, 2014 at 13:03

answered Oct 2, 2014 at 12:41

Amit Joki

59.4k7 gold badges79 silver badges96 bronze badges

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

4 Comments

Ezra Bailey Over a year ago

This will only work in certain browsers. For older browser support you'll need javascript as described here

Amit Joki Over a year ago

@SarahBourt be patient :)

Fergoso Over a year ago

you might want to use the whitespace character (\s)

srimon retswe Over a year ago

jsfiddle.net/8qfz1dhh/1 it's ok , but i want to remove special char when keyup even

Fergoso · Accepted Answer · 2014-10-02 13:16:34Z

0

use jQuery. Also you might want to use the whitespace character (\s)

$('#t1').bind('keypress', function (event) {
    var regex = new RegExp("^[a-zA-Z0-9]+$");
    var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
    if (!regex.test(key)) {
       event.preventDefault();
       return false;
    }
});

try this fiddle

edited Oct 2, 2014 at 13:16

answered Oct 2, 2014 at 12:58

Fergoso

1,5803 gold badges22 silver badges45 bronze badges

1 Comment

srimon retswe Over a year ago

i can not insert special into input too.

Collectives™ on Stack Overflow

How to allow text and number but not allow special char in this input?

2 Answers 2

4 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Linked

Related