は、入力フィールドにのみ特定の文字

Question

http://jsbin.com/cunejafehe/edit?html,js,console,output

var reg = /^[a-zA-Z\d\s\-'#(),"]*$/; 
 
    
 
function myFunction(e){ 
 
    console.log(e.value); 
 
    if(reg.test(e.value)) 
 
    { 
 
    return false; 
 
    } 
 
}

<input onkeyup="myFunction(this)" type="text">

上記のコードは動作しませんなぜ私が疑問に思うの許可、私は何をしたいだけで、これらの文字が入力にすることができます： 0、および-'#(),"

Answer 1

var reg = /^[a-zA-Z\d\s\-'#(),"]*$/; 
 
    
 
function myFunction(e){ 
 
    if (!e.value.match(reg)) { 
 
    e.value = e.value.slice(0, -1); 
 
    } 
 
}

<input onkeyup="myFunction(this)" type="text">

は、このアプローチを見てください。ここで私はDOM要素参照の代わりに eventオブジェクトを渡しています、そして、私たちはRegx式に対してそれをチェックしています。 `の代わりに` false`を、

var reg = /^[a-zA-Z\d\s\-'#(),"0-9]*$/ 
 
    
 
function myFunction(e){ 
 
    var c = String.fromCharCode(e.which) 
 
    console.log(c); 
 
    if(reg.test(c)) 
 
    { 
 
    return true; 
 
    } 
 
else 
 
    return false; 
 
} 
 

 
$(document).ready(function(){ 
 
    $("#mytextbox").keypress(function(e) { 
 
    return myFunction(e); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
Inline function : <input onkeypress="return myFunction(event)" type="text"> 
 
<br/> 
 

 
Binding a function : <input id="mytextbox" type="text">

Answer 2

test方法は、RegExpオブジェクトに属しているこれらの文字を含むa-zと1-9あなたが使用していないので、reg.test(c)からc.match(reg)をmyFunction内に変更する必要があります。

また、thisを渡すことでフィールドの完全な値に取り組んでいます。私はあなたが非常にエレガントでもない場合は、このような何かを行うことができますね。