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

时间:2014-07-16 07:10:32

标签: javascript html validation textbox

这是我的HTML:

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

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

如何验证此文本框?

5 个答案:

答案 0 :(得分:11)

您可以尝试使用此功能:

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

答案 1 :(得分:5)

试试这个

$(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/

答案 2 :(得分:2)

您可以尝试使用此功能:

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

它对我有用。

答案 3 :(得分:1)

您可以使用jQuery + jQuery Validation Plugin。 这将使它变得如此简单:

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

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

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

答案 4 :(得分:0)

您必须创建一个将执行验证的javascript函数。 您可以在网络上找到几个例子。 您可以在该网站上查看:javascript-validation并注意 Javascript中的电子邮件验证部分(您必须稍微调整一下)。