How to validate html textbox not to allow special

2019-02-07 10:26发布

站内问答 / JavaScript
692 5 6

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?

5条回答
Juvenile、少年°
2楼-- · 2019-02-07 10:49

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/

查看更多
0人赞 添加讨论(0) 举报
Luminary・发光体
3楼-- · 2019-02-07 10:56

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>
查看更多
0人赞 添加讨论(0) 举报
趁早两清
4楼-- · 2019-02-07 10:56

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.

查看更多
0人赞 添加讨论(0) 举报
啃猪蹄的小仙女
5楼-- · 2019-02-07 10:56

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

查看更多
0人赞 添加讨论(0) 举报
We Are One
6楼-- · 2019-02-07 11:04

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).

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)