jquery - maskedinputを使用したjqueryローマ数字

Question

ローマ数字のマスク入力マスクについて教えてください。I から X までのローマ数字のみを入力できるマスクを作成する必要があります

Answer 1

プラグインを使用しない場合、最も簡単な方法は、正規表現を記述し、それに対して入力値を照合することです。ここで本当に素敵なものを見つけたら

$(function(){
    var strInput = $('input#myRomanInputField').val();
    var matchArr = strInput.match(/^M{0,4}(CM|CD|D?C{0,3})(XC|XL|L?X{0,3})(IX|IV|V?I{0,3})$/g);
    console.log(matchArr);
    if(matchArr) {
        // test successful
        console.log("true");
    } else {
        // failure
        console.log("false");
    }
});

1 ～ 10 の数字については、次の正規表現を使用してください。

/^(IX|IV|V?I{0,3})$|^X$/g