jquery replace関数がIEで奇妙に動作する

Question

私は数値データのみであることを検証する必要があるテキストボックス（価格）があります。また、私は先行する数字の零を許可することはできません（01など）。だから、replaceメソッドを正規表現で使用しました。置き換える文字の場合、これを使用した：

$("#txtPrice").keyup(function(){ 
    var text=$(this).val(); 
    $(this).val(text.replace(/[^\d\s\.]/,"")); 
}); 

前のゼロを置き換えるために、私はそれは、Firefoxで正常に動作しますが、IEで、それは奇妙な振る舞い

$("#txtPrice").keyup(function(){ 
    var text=$(this).val(); 
    $(this).val(text.replace(/^0+/, '')); 
}); 

を使用しました。

数字の前に新しい数字を追加すると、数値の末尾に新しい数字が追加されます。例えば、「56」を「156」に編集すると、「561」を形成する最後に数字1が追加されます。任意の数字が正面に配置されようとすると、それは実際にテキストフィールドの最後に追加されます。どのようにこの行動を解決することができますか？

Answer 1

私はあなたの入力の冒頭に1を置いていて、IEが最後にそれを叩いているとは思っていませんが、実際にはIEがカーソルを入力。矢印/ホームキー操作をキャプチャして、キーアップをトリガし、2つの正規表現を実行し、テキストを置き換えます。

おそらく何が必要なのは、検出されたキーが何であるかを評価し、実際の文字に一致するものがあれば何かをすることだけです。

何かlike thisがあなたの状況に対処していますか？

$("#txtPrice").keyup(function(event) { 
    // avoid triggering on control characters; FF ignores but IE will execute and possibly confuse 
    if (event.which > 40) { 
     var text = $(this).val(); 
     $(this).val(text.replace(/^0+/, '')); 
     $(this).val(text.replace(/[^\d\s\.]/,"")); 
    } 
}); 

おそらくevent.which > 40にはいくつかの例外をしなければならないだろうと私はあなたが、彼らは単にキーを押したところ、ユーザーのカーソルが滞在できるようになるか全くわからないんだけど、私は、これは十分な解決策になるかもしれないと思いますあなたのために。

：正規表現を1つに組み合わせました。更新されたjsfiddleを参照してください。

$(this).val(text.replace(/(^0+|[^\d\s\.])/, "")); 

編集：あなたは、できるだけカーソル「周りのジャンプ」を持っているしたい場合は、すでにそのテキストが一致していることを確認したとき、あなたは、必要に応じて、不正なテキストを置き換えることができます。 Here is a demonstration。

if ($(this).val().match(/(^0+|[^\d\s\.])/)) { 
    $(this).val(text.replace(/(^0+|[^\d\s\.])/, "")); 
} 

また、私がフィドルで行ったように、正規表現を変数に外挿することもできます。