如何验证 html 文本框不允许特殊字符和空格？答案

【问题标题】：How to validate html textbox not to allow special characters and space?如何验证 html 文本框不允许特殊字符和空格？
【发布时间】：2014-07-16 07:10:32
【问题描述】：

这是我的html：

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

在这里，我想通过不允许键入特殊字符和空格来验证文本框的值。但它应该允许下划线。

如何验证这个文本框？

【问题讨论】：

定义“特殊字符”。也许更好的是，根据您希望接受的内容而不是要拒绝的内容来指定目的。然后展示你解决这个问题的尝试以及它有什么缺点。还要明确您是在寻找以 HTML 表示的约束，还是在 JavaScript 中的客户端检查或服务器端检查（使用哪种语言？）或它们的某种组合。
@JukkaK.Korpela：好的。实际上，将根据在文本框中输入的文本创建一个文件夹。所以需要限制。

标签： javascript html validation textbox

【解决方案1】：

你可以试试这个功能：

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

【讨论】：

这个函数怎么调用？
它不允许输入任何东西？
嗨，我无法在文本框中输入任何字母。为什么？
@thevan:- 请立即查看！
是的。我可以进入。但是如何限制空间并允许下划线。我尝试了相应的密钥代码，但它不起作用..

【解决方案2】：

这样试试

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

这个返回false for special chars and spaces和返回true for underscore, digits and alphabets.

小提琴：http://jsfiddle.net/7C5nP/

【讨论】：

【解决方案3】：

你可以试试这个功能：

<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="">

它对我有用。

【讨论】：

【解决方案4】：

您可以使用 jQuery + jQuery 验证插件。这将使它变得如此简单：

这将只允许用户输入字母加下划线

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

链接到 jQuery 插件： http://formvalidator.net/index.html

【讨论】：

【解决方案5】：

您必须创建一个 javascript 函数来进行验证。你可以在网上找到几个例子。你可以看看那个网站：javascript-validation 并关注 Javascript 中的电子邮件验证 部分（您必须稍作调整）。

【讨论】：