i want to exclude special character but it is not working although i have supplied right asci codelthtml xmlns34httpwwww3org1999xhtml34gtltheadgt lttitlegtlttitlegt ltstyle type34textcss34gt body fontsize 9pt fontfamily Arial ltstylegtltheadgtltbodygt Alphanumeric value ltinput type34text34 onkeypress34return IsAlphaNumericevent34 id34text1

Restrict user from entering special characters in textbox using javascript

rakibxl

SOLVED CLOSED ACTIVE ANSWERED
User: rakibxl
Posted: on Apr 01, 2016 05:56 AM
Forum: JavaScript
Answer: 1
Views: 5732
Sample Code: Download

i want to exclude @#% += special character but it is not working although i have supplied right asci code

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        body
        {
            font-size: 9pt;
            font-family: Arial;
        }
    </style>
</head>
<body>
    Alphanumeric value:
    <input type="text" onkeypress="return IsAlphaNumeric(event);" id="text1" />
    <b id="error" style="display:none; color:red">Invalid</b>
    <script type="text/javascript">
        var specialKeys = new Array();
        specialKeys.push(8); //Backspace
        specialKeys.push(9); //Tab
        specialKeys.push(46); //Delete
        specialKeys.push(36); //Home
        specialKeys.push(35);
      specialKeys.push(43); 
      specialKeys.push(45);	
       
        function IsAlphaNumeric(e) {
            var keyCode = e.keyCode == 0 ? e.charCode : e.keyCode;
            var ret = ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122) || (specialKeys.indexOf(e.keyCode) != -1 && e.charCode != e.keyCode));
            document.getElementById("error").style.display = ret ? "none" : "inline";
            return ret;
        }
    </script>
</body>
</html>

Download FREE API for Word, Excel and PDF in ASP.Net

Andrea

0 1

Reply
User: Andrea
Replied: on Apr 01, 2016 05:56 AM
Report

Hi @rakibxl, Please try the following Remove Special characters from TextBox using JavaScript It might help you. Cheers Andrea.

Shashika...

0 2

Reply
User: Shashikant
Replied: on Apr 01, 2016 06:13 AM
Report

Hi,

The sample already disallowing @#% += characters.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        body
        {
            font-size: 9pt;
            font-family: Arial;
        }
    </style>
</head>
<body>
    Alphanumeric value:
    <input type="text" onkeypress="return IsAlphaNumeric(event);" id="text1" />
    <b id="error" style="display: none; color: red">Invalid</b>
    <script type="text/javascript">
        var specialKeys = new Array();
        specialKeys.push(8); //Backspace
        specialKeys.push(9); //Tab
        specialKeys.push(46); //Delete
        specialKeys.push(36); //Home
        specialKeys.push(35);
        specialKeys.push(43);
        specialKeys.push(45);

        function IsAlphaNumeric(e) {
            var keyCode = e.keyCode == 0 ? e.charCode : e.keyCode;
            var ret = ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122) || (specialKeys.indexOf(e.keyCode) != -1 && e.charCode != e.keyCode));
            document.getElementById("error").style.display = ret ? "none" : "inline";
            return ret;
        }
    </script>
</body>
</html>

Demo

rakibxl

0 3

Reply
User: rakibxl
Replied: on Apr 05, 2016 01:27 AM
Modified: on Apr 05, 2016 02:12 AM
Report

i dont wanto disallow all special character rather i want to push specific special character key code so that will be disallow not all special character is it possible editing this code?

dharmend...

0 4

Reply
ANSWER
User: dharmendr
Replied: on Apr 05, 2016 04:55 AM
Modified: on Apr 05, 2016 05:20 AM
Report

Hi rakibxl,

Refer the below code. It allow only @#% +=- as special character.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        body
        {
            font-size: 9pt;
            font-family: Arial;
        }
    </style>
    <script type="text/javascript">
        var specialKeys = new Array();
        specialKeys.push(35); //#
        specialKeys.push(37); //%
        specialKeys.push(43); //+
        specialKeys.push(45); //-
        specialKeys.push(61); //=
        specialKeys.push(64); //@

        function IsAlphaNumeric(e) {
            var ret;
            var keyCode = e.keyCode == 0 ? e.charCode : e.keyCode;
            ret = ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122) || (specialKeys.indexOf(e.keyCode) != -1 && e.charCode != e.keyCode));
            if (specialKeys.indexOf(keyCode) != -1) {
                ret = true;
            }
            document.getElementById("error").style.display = ret ? "none" : "inline";
            return ret;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        Alphanumeric value:
        <input type="text" onkeypress="return IsAlphaNumeric(event);" id="text1" />
        <b id="error" style="display: none; color: red">Invalid</b>
    </div>
    </form>
</body>
</html>

Demo

rakibxl

0 5

Reply
User: rakibxl
Replied: on Apr 05, 2016 05:29 AM
Report

thanks for your feedback..but actually i want if i write these lines

var specialkeys=new Array();

specialkeys.push(8);//backspace

specialkeys(35);//#

specialkeys.push(37)//%

then those character will be disallow all other special character will be all right

do u understand my requirement its totally reverse from what u did?

is it possible change the funcion to work such requirement?

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Restrict user from entering special characters in textbox using javascript

Company

Explore

Follow us

Contact Us