検証プラグインを使用して10進数を検証する

Question

ユーザーが特定の製品の価格を入力するフォームにinput要素があります。これを行うには、小数点を含む金額を入力するか、小数点のない価格を入力するだけです。

<input type="text" id="product_price" name="product_price" maxlength="10" step="0.01" placeholder="Enter price"> 

$('#addForm').validate({ 
    rules:{ 
     product_name: { 
      required: true, 
     }, 
     product_price: { 
      required: true, 
      number: true 
     } 
    } 
}) 

これは、私はしかし、私は私が達成したいものを得ることはありませんでしたものです。私は、ユーザが長さ10のnumberを最大でtwoの小数点以下を置くことができるようにしています。たとえば、彼が1111111111または1111111111.11と入力した場合、これらは両方とも有効である必要があります。私は何をすればいいのですか？コードは何ですか？

ありがとうございます！

Answer 1

使用正規表現を。 JavaScriptでは、

if (/^\d{1,10}(\.\d{2})?$/.test(product_price.value)) 
    // do stuff 

この正規表現は1、46871325、18671.68なく46812547.178687と一致する必要があります。

ところで、あなただけそれらを削除:)

Fiddle

Answer 2

確かに私の場合は確信していますが、stepを確実に動作させることができませんでした。しかし、検証では番号（またはその他のタイプ）の場合はoverride the methodになります。だからここに私はおそらくどうなるのかです：

$.validator.methods.number = function(value,e) { 
    return this.optional(e) || /^\d+\.?\d{0,2}$/.test(value) 
}; 

正規表現は、少なくとも一つの数は任意に小数点が続き、二つの追加の数字まで、入力されたことを確認します。

そして、ステップ削除：

<input type="text" id="product_price" name="product_price" maxlength="10" placeholder="Enter price">