Jquery：属性値に基づいて入力タイプ '番号'にキー入力イベントをバインドする方法

Question

入力フィールドがnumberタイプで、対応する属性がvalidateの値がcheckitの場合にのみ、検証を実行します。私は以下のコードで言及されているkeypressイベント$('*** input[type=number]').bindにこれを束縛するためにastrixの代わりに何を渡すべきかわかりません。私はここで立ち往生しています。

$('input[type="number"]').bind('keypress', function(e) { 
    if($(this).prop('validate') == 'checkit') 
    { 
     // do here 
    } 
}); 

それとも、例えば、自分のinput[type='number']にクラスを割り当てる.input-numしてから作成することができます：あなたはこのようなあなたの コードを作るあなたのイベントハンドラ、内部の状態を追加することができますいずれか

<input type="number" validate="checkit"> 

$('input[type=number]').bind('keypress', function(e) { 
    //do things here 
}); 

Answer 1

はこれを試してみてください追加入力[タイプ=「数」]にクラスを追加する必要があります：

$('input[type=number][validate=checkit]').bind('keypress', function(e) { 
    //do things here 
}); 

Answer 2

このようなイベントリスナー：

$('.input-num[validate="checkit"]').bind('keypress', function(e) { 
     // do things here 
    }); 

最初の解決策は、入力の数に基づいてメモリオーバーヘッドを追加しますそれらの多くは）イベントはすべてのイベントに関連付けられているため、コードは追加した条件に基づいて入力を除外します。

第2の解決策は、しかし、パフォーマンスとメモリの面で優れているが、それはいくつかの時間オーバーヘッド