Allow only specific characters ( a-zA-Z0-9.\- ) in TextBox using JavaScript

EmadKhan

SOLVED CLOSED ACTIVE ANSWERED
User: EmadKhan
Posted: on Nov 23, 2016 05:22 AM
Forum: JavaScript
Answer: 1
Views: 11833

I need a regex for c# and js which would allow only these characters within a string, other than those characters should be ignored.

Capital alphabets

Small alphabets

Numbers

Dot

Dash

Ampersand

Forward slash

EmadKhan

0 1

Reply
User: EmadKhan
Replied: on Nov 23, 2016 05:25 AM
Report

Whitspaces are also allowed

dharmend...

0 3

Reply
User: dharmendr
Replied: on Nov 23, 2016 06:56 AM
Modified: on Nov 23, 2016 06:58 AM
Report

Hi EmadKhan,

Refer the below code.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#txtTest').on("change", function () {
                var text = $(this).val();
                var reg = /^[a-zA-Z0-9.\-\&/ ]*$/
                if (reg.test(text)) {
                    alert('Valid');
                }
                else {
                    alert('invalid');
                }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input name="txtTest" type="text" id="txtTest" />
    </div>
    </form>
</body>
</html>

Demo

EmadKhan

0 4

Reply
User: EmadKhan
Replied: on Nov 23, 2016 07:07 AM
Report

Your solution is not working. It is allowing all the characters :

123!@@#)(*@!#)&$@!*)

It shouldnt do like that.

Only :

Capital alphabets

Small alphabets

Numbers

Dot

Dash

Ampersand

Forward slash

White spaces

is allowed

EmadKhan

0 5

Reply
User: EmadKhan
Replied: on Nov 23, 2016 07:08 AM
Report

Your regex should not allow to input the disallowed characters. Yet It is validating on enter press.

dharmend...

0 6

Reply
ANSWER
User: dharmendr
Replied: on Nov 23, 2016 07:25 AM
Report

Refer the below code.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#txtTest').on("keyup", function () {
                var text = $(this).val();
                text = text.replace(/[^a-zA-Z0-9.\-\&/ ]/g, '');
                $(this).val(text);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input name="txtTest" type="text" id="txtTest" />
    </div>
    </form>
</body>
</html>

Demo

Allow only specific characters ( a-zA-Z0-9.\- ) in TextBox using JavaScript

Company

Explore

Follow us

Contact Us