javascript - 语义 ui 表单验证问题

Question

我尝试使用“语义表单验证”插件来验证输入长度，如下所示:

$('.ui.form').form({
    fields: {
        firstname: {
            identifier: 'firstname',
            rules: [{
                type: 'empty',
                prompt: 'Please enter your name'
            }]
        },
        lastname: {
            identifier: 'lastname',
            rules: [{
                type: 'empty',
                prompt: 'Please enter your name'
            }]
        },
        username: {
            identifier: 'username',
            rules: [{
                type: 'minLength[3]',
                prompt: 'Please enter a username'
            }]
        },
        password: {
            identifier: 'password',
            rules: [{
                type: 'minLength[6]',
                prompt: 'Please enter a password'
            }]
        },
        terms: {
            identifier: 'terms',
            rules: [{
                type: 'checked',
                prompt: 'You must agree to the terms and conditions'
            }]
        }
    }
});

每一行都工作得很好，但它不会验证 minLength 规则并不断出现错误。它说

Form: There is no rule matching the one you specified minLength

Answer 1

我今天也遇到了同样的问题。我尝试了很多变化。然后我去语义.js 源代码中查找对 minLength 的任何引用(那里什么也没有!..)。然后我偶然发现了名为 length 的函数

length .. // is at least string length
    length: function(value, requiredLength) {
      return (value !== undefined)
        ? (value.length >= requiredLength)
        : false
      ;
    },

//所以我想尝试一下，结果正如你所期望的那样..

password: {
            identifier: 'password',
            rules: [{
                type: 'length[6]',
                prompt: 'Please enter a password'
            }]
        },

//我使用的是 Semantic UI 版本 - 2.0.0。

<小时/>

我仍然对语义 ui 的这个功能有点挣扎，我无法让速记语法起作用，也无法找到一种方法来为每个字段设置多个条件..有什么建议吗？