Parsley.js - 仅验证数字的可选输入

时间:2014-12-06 23:09:53

标签: javascript html forms validation parsley.js

我有一个表单,其中包含一个可选输入和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]*$"

它们似乎都不起作用。有什么想法吗?

1 个答案:

答案 0 :(得分:19)

您可以使用data-parsley-type="digits"。请注意使用type="text"代替number

如果你只想允许数字(不是浮动),这是有效的。

<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" />