JavaScript onkeyup正規表現

Question

私はユーザーが1ドルの金額で入金を入力する小さなフォームを持っています。この金額は正または負の値を取ることができます。偶然に文字や文字が入力されないようにキーを押すたびに、フォームを検証しようとしています。

は、以下の機能を考えてみましょう：

var deposit = document.getElementById("deposit"); 

deposit.onkeyup = function() { 
    var PATTERN = /\d$/; 

    if (!deposit.value.match(PATTERN)) { 
     deposit.value = deposit.value.replace(deposit.value.slice(-1), ""); 
    } 
} 

あなただけのユーザーが数字を入力できるようにしたい場合、これは結構な動作します。他の文字は単に消去されます。私が問題を抱えているところでは、正または負の通貨（ドル記号なし）と一致するようにオンザフライで動作するパターンが登場しています。ユーザーは、オプションのマイナス記号、少なくとも1つの数字、小数点、2つの数字の順に入力する必要があります。

例の預金額：

0.09

100.45

4032.34

-0.90

-54.56

-1353.00

パターンを思い付く助け、あるいはもっと良い方法があれば、大歓迎です。詳細が必要な場合はお知らせください。

Answer 1

あなたはこれらの数値と一致するように、この検証パターンを使用することができます。

^-?\d+\.\d{2}$

Answer 2

これは、あなたが必要と何をすべき：

var PATTERN = /\-?\d+\.\d{2}$/; 

疑問符は、それがオプションだということを意味します。ユーザーが既にパターンに一致しない、マイナス記号や数字のいずれかで始まりとしてあなたは、すべてのキーを押して上の有効な（負の）小数のために一致することはできません

Answer 3

注意。

あなたは、入力された文字が有効であるかどうかを確認するために、1つを必要とするだろう、と値は、ユーザーが移動したフィールドから焦点を当てたときに提出するか、上の有効な小数である場合は、別の一つはチェックします。ここで

Answer 4

は私の最終的な解決策でした。私は実際に私が望むように私の "onkeyup"機能を働かせることができました。オンザフライで通貨の書式をチェックするのではなく、指定されていない文字や文字を入力することはできません。これは完璧ではないかもしれませんが、確かにこの小さな仕事のために私のニーズに合っています。入力いただいた皆様に感謝します。

deposit.onkeyup = function() { 
    var PATTERN = /[^0-9-.]/; 

    if (deposit.value.match(PATTERN)) { 
     deposit.value = deposit.value.replace(deposit.value.slice(-1), ""); 
    } 
} 

私は、預金の形式を検証 "のonblur"

var PATTERN = /\-?\d+\.\d{2}$/; 

    if (!reDeposit.value.match(PATTERN)) { 
     depositError.innerHTML = "Enter a valid amount"; 
    }