select2与欧芹验证

Question

我一直在寻找网,但我找不到使用欧芹验证select2的方法,这里讨论的那个似乎不起作用Select2验证并强制用户选择至少X项,这是非常令人沮丧的我需要用户从选项中选择至少1个.任何人都可以为我提供任何工作吗？

帮助赞赏!

谢谢,

Answer 1

您的自定义验证程序可能无法正常工作的原因有多种.

(1)确保您使用的是正在使用的parsley.js版本的正确说明.我认为1.x版本的属性并没有以"data-"为前缀,而是针对2.x版本.

(2)在包含parsley.js之前,必须在链接的stackoverflow 回答中显示的代码.如果包含parsley.js后代码应该是不同的.

如果包含parsley.js后代码应该是什么样子:

window.ParsleyValidator
    .addValidator('minSelect', function(value, requirement) {
        return value.split(',').length >= parseInt(requirement, 10);
    }, 32)
    .addMessage('en', 'minSelect', 'You must select at least %s.');

(3)看起来欧芹不验证隐藏的输入元素.因此,如果您使用隐藏输入(而不是<select>元素)支持Select2控件,请将其更改为<input type="text">元素.它仍然适用于Select2,但欧芹将验证它.

<input type="text" id="select" name="x" value=""
    data-parsley-minSelect="2"
    data-parsley-validate-if-empty="true" />

(4)默认情况下,除非包含该data-parsley-if-empty属性,否则当元素的值为空时,parsley将不会应用您的自定义验证器.

的jsfiddle