web-dev-qa-db-ja.com

Parsley.js-数値のみのオプション入力を検証します

1つのオプションの入力と3つの必須の入力フィールドを持つフォームがあります。オプションの入力については、以下のマークアップがあります。

<input type="number" placeholder="0" min="0" max="20000" step="100" data-parsley-validation-threshold="1" data-parsley-trigger="keyup">

文字やその他の文字を入力した場合、これは検証を起動しません。最小値と最大値を検証します。必要な属性を入力すると、機能するように見えますが、それは望ましくありません。また、以下のようにパターンを定義してみました。

data-parsley-pattern="^[0-9]*$"

それらのどれも機能していないようです。何か案は？

javascripthtmlformsvalidationparsley.js
8
user3312508

data-parsley-type="digits"を使用できます。 numberの代わりにtype="text"が使用されていることに注意してください。

これは、（浮動小数点ではなく）数字のみを許可する場合に機能します。

<input type="text" placeholder="0" min="0" max="20000" step="100" 
    data-parsley-validation-threshold="1" data-parsley-trigger="keyup" 
    data-parsley-type="digits" />

フロートが必要な場合は、data-parsley-type='number'を使用できます。

<input type="text" placeholder="0" min="0" max="20000" step="100" 
    data-parsley-validation-threshold="1" data-parsley-trigger="keyup" 
    data-parsley-type="number" />
20
Luís Cruz