正規表現のみと小数点問題

Question

10進数の前に3つの数字を、10進数と10進数の後に3つの数字しか受け付けないようにするコードがあります。

動作しないシナリオが1つあります。

例：

私は戻って、12w.123を入力し12.123を入力すると、それはそれは、JavaScriptの分割との関連を知っている「W」を受け入れ、最後の番号3を削除します。

誰でもこの問題を解決する方法は知っていますか？

$('.numeric-decimal-63').on('input', function (event) {    
    var val = $(this).val();   
    var regex1 = new RegExp(/^(\d{1,3}|\d{0,3}\.\d{0,3})$/g); 

    var regex2 = regex1.test(val);  

    if (!regex2){ 

     $(this).val(val.slice(0,-1)); 
    } 

}); 

Answer 1

$(this).val(val.slice(0,-1)); 

最後のキーを削除し、それが "1" を削除し "123w1" だろう。あなたは以前の状態に戻したい場合があります。

var state="0"; 
$('.numeric-decimal-63').on('input', function (event) {    
var val = $(this).val();   
var regex1 = new RegExp(/^(\d{1,3}|\d{0,3}\.\d{0,3})$/g); 
if (!regex1.test(val) && val!==""){ 
    $(this).val(state); 
    return; 
} 
state=val; 
}); 

Answer 2

絶対に積極的に決してあからさまブロックユーザー入力を。理由は次のとおりです。

私は入力しています。 、3、 Wおっと、指が滑って、問題ない：← Backspaceキー、そこ。さあ、見てみましょう...ハァッ？なぜテキストボックスには12しか表示されませんか？私の3はどこに行きましたか？

代わりに、ユーザーが入力を検証して、それが違反しているかどうかをユーザーに知らせる必要がある場合は、入力が完了した後（つまり、changeイベント）に入力することができます。

HTML5はあなたのためにこれを行います。

<input type="number" min="0" max="999.999" step="0.001" />