jQueryからdata属性を取得した際、エスケープされるのはなぜでしょうか

Question

htmlが以下のような状態で

<input type="text" value="" data-regex="/\d{1,3}(,\d{3})*/">

jQueryから上記htmlのdata属性を取得した際

$('input').on('keydown keyup keypress change focus blur', function () {
    var value = $(this).val();
    var pattern = $(this).data('regex');

    if (pattern && value) {
        pattern = pattern.slice(1).slice(0, -1);
        if (value.match(pattern)) {
            // match
        else {
            // misMatch
        }
    }
});

var partternに入った時点をconsole.logすると

pattern = "/\d{1,3}(,\d{3})*/"

となります。

エスケープされるのですが、エスケープしたくない場合はどうすればよいのでしょうか。

Answer 1

テキストを正規表現に書き換えれば使えます。

<input type="text" value="" data-regex="/^\d{1,3}(,\d{3})*$/">

$( 'input' ).on( 'keydown keyup keypress change focus blur', function () {
    var value = $( this ).val();
    var pattern = new RegExp( $( this ).data( 'regex' ).slice( 1 ).slice( 0, -1 ) );
    if ( pattern && value ) {
        if ( pattern.exec( value ) ) {
            // match
            console.log( 'match' );
        } else {
            // misMatch
            console.log( 'misMatch' );
        }
    }
} );
```**動くサンプル：**[https://jsfiddle.net/mqw827nn/](https://jsfiddle.net/mqw827nn/)

---

【RegExp - JavaScript | MDN】
[https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/RegExp](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/RegExp)

Comments

[退会済みユーザー]

勉強になりました！ありがとうございました！