web-dev-qa-db-ja.com

特殊文字とスペースを許可しないようにHTMLテキストボックスを検証する方法は？

これは私のhtmlです：

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

ここでは、特殊文字とスペースを入力できないようにして、テキストボックスの値を検証したいと思います。ただし、アンダースコアは使用できます。

このテキストボックスを検証する方法は？

javascripthtmlvalidationtextbox
7
thevan

この関数を使用してみてください：

<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>
12
Rahul Tripathi

このようにしてみてください

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

6
Deepu Sasidharan

この関数を使用してみてください：

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

わたしにはできる。

2
Saurabh Chauhan

JQuery + jQuery Validation Pluginを使用できます。それはそれを簡単にします：

これにより、ユーザーは文字とアンダースコアのみを入力できます

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

JQueryプラグインへのリンク： http://formvalidator.net/index.html

1
chesone

検証を行うJavaScript関数を作成する必要があります。あなたはウェブの周りにいくつかの例を見つけることができます。あなたはそのウェブサイトを見てみることができます： javascript-validation そして、Javascript部分のメール検証に注意してください（あなたは少し適応する必要があります）。

0
perbellinio