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

javascript html validation textbox

86,527

Solution 1

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>

Solution 2

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/

Solution 3

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.

Solution 4

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

View more solutions

86,527

Author by

thevan

Software Engineering Senior Analyst at Accenture Solutions Private Limited, Chennai, India. Interested in ASP.Net, MVC, Web API, WCF, Web Services, ADO.Net, C#.Net, VB.Net, Entity Framework, MS SQLServer, Angular.js, JavaScript, JQuery, Ajax, HTML and CSS

Updated on October 28, 2020

Comments

thevan over 3 years
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?