Parsley.js - 仅验证数字的可选输入 [英] Parsley.js - Validate optional input for only numbers

问题描述

我有一个表单，其中包含一个可选输入和3个必需输入字段。对于可选输入，我有以下标记：

I have a form that has one optional input and 3 required input fields. For the optional input I have the below markup:

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

如果我输入字母或任何其他字符，则不会触发验证。它确实验证了最小值和最大值。如果我把所需的属性看起来确实有效，但我不希望这样。我也尝试定义一个模式如下：

This does not fire the validation if I have type in letters or any other characters. It does validate for min and max values. If I put required attribute it does seem to work but I don't want that. I also tried defining a pattern as below:

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

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

None of them seem to work. Any ideas?

推荐答案

你可以使用 data-parsley-type =digits。请注意使用 type =text而不是数字。

You can use data-parsley-type="digits". Notice the use of type="text" instead of number.

如果你只想允许数字（不是花车），这是有效的。

This works if you only want to allow digits (not floats).

<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'：

If you want floats, you can use 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" />

这篇关于Parsley.js - 仅验证数字的可选输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！