フォーム入力値とカスタムマッチシーケンスの一致方法

Question

マッチャーvar matcher = 'NNN#DDD'があります。このNは文字（a-zまたはA-Z）を表し、Dは数字（0-9）を表します。

上記のmatcherとjavascript/jQueryのユーザー入力を一致させる方法はありますか？例えば

：

var user_input = 'abc#123' # matched 
var user_input = 'ab1#123' # non matched 

注：マッチャは、ユーザの入力になりますから、マッチャはたぶん、あなたはMasked Input Pluginをマスクしたい正規表現

Answer 1

UPDATE：質問が明らかになった後、それはマッチャが、ユーザによって入力する必要が判明。あなたが実際に正規表現を必要としたくないのであれば（おそらくもっと簡単にしたいと思うかもしれませんが）、マッチャーのような独自のフォーマットルールを定義することをお勧めします。次に、入力した文字列を内部使用のために正規表現に変換する必要があります。

たとえば、ユーザーが文字、数字、または特定の特殊文字を許可できる場合は、「あなたの例を使用して」次のように定義できます。「各文字を表すNを入力し、各数字を表すDと、次のセットから：（％＃）。 "

ユーザが「NN＃DDD％ND」と入力した場合、その文字列を正規表現に変換します。

var userMatcher = 'NN#DDD%ND'; 
 
var matcherRegex = ''; 
 

 
var matcherMap = { 
 
    'N': '[a-zA-Z]', 
 
    'D': '[0-9]', 
 
    '#': '#', 
 
    '%': '%' 
 
}; 
 

 
var regexValue; 
 
for(var i in userMatcher) { 
 
    regexValue = matcherMap[userMatcher[i]]; 
 
    
 
    if(regexValue === undefined) { 
 
    throw new Error('Invalid matcher!'); 
 
    } 
 
    
 
    matcherRegex += regexValue; 
 
} 
 

 
matcherRegex = new RegExp(matcherRegex); 
 

 
var testInput = ['ab#123%H2', 'a1#123%H2']; 
 

 
for (var i = 0; i < testInput.length; i++) { 
 
    if (testInput[i].match(matcherRegex)) { 
 
    console.log(testInput[i] + ' matches!'); 
 
    } else { 
 
    console.log(testInput[i] + ' doesn\'t match...'); 
 
    } 
 
}

Answer 2

ように変更することはできませんか？

<input type="text" id="masked" /> 

とちょうどプラグインを起動します。

$("#masked").mask("aaa#999"); 

Plunker：https://plnkr.co/edit/KegvIln8P7qa80BPRwW7