CODEWITHSUNDEEP
javascripthtmlvalidationtextbox
thevan
thevan

Reputation: 10354

How to validate html textbox not to allow special characters and space?

This is my html:

 <input type="text" name="folderName">

Here, I want to validate the textbox value by not allowing to key in special characters and space. But it should allow underscore.

How to validate this textbox?

Upvotes: 8

Views: 110304

Answers (5)

Saurabh Chauhan
Saurabh Chauhan

Reputation: 727

You may try to use this function:

<input class="form-control" onkeypress="return ((event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || event.charCode == 8 || event.charCode == 32 || (event.charCode >= 48 && event.charCode <= 57));" id="name" formControlName="name" type="text" autocomplete="off" value="">

It works for me.

Upvotes: 3

Rahul Tripathi
Rahul Tripathi

Reputation: 172448

You may try to use this function:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript">
    function blockSpecialChar(e){
        var k;
        document.all ? k = e.keyCode : k = e.which;
        return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 32 || (k >= 48 && k <= 57));
        }
    </script>
</head>
<body>
    <form id="frm" runat="server">
      <input type="text" name="folderName"  onkeypress="return blockSpecialChar(event)"/>
    </form>
</body>
</html>

Upvotes: 14

Deepu Sasidharan
Deepu Sasidharan

Reputation: 5309

Try like this

$(document).ready(function () {
    $("#sub").click(function(){
var fn = $("#folderName").val();
    var regex = /^[0-9a-zA-Z\_]+$/
    alert(regex.test(fn));
});
});

This return false for special chars and spaces and return true for underscore, digits and alphabets.

Fiddle: http://jsfiddle.net/7C5nP/

Upvotes: 7

perbellinio
perbellinio

Reputation: 682

You have to create a javascript function that will do the validation. You could find severals exemple around the web. You could take a look on that website: javascript-validation and pay attention to the Email Validation in Javascript part (you will have to adapt a little).

Upvotes: 0

chesone
chesone

Reputation: 11

You can use jQuery + jQuery Validation Plugin. That will make it that easy:

This will allow the user only to type letters plus underscore

 <input type="text" data-validation="alphanumeric" data-validation-allowing="_">

Link to the jQuery Plugin: http://formvalidator.net/index.html

Upvotes: 1

Related Questions