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: 5726
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

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

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