Mootools Formcheck：选择框的自定义功能答案

【问题标题】：Mootools Formcheck: Custom Function for SelectboxMootools Formcheck：选择框的自定义功能
【发布时间】：2014-07-14 07:19:38
【问题描述】：

在将custom function 应用于Selectbox field 时，我遇到了Mootools formcheck js 的问题。 自定义函数可以与文本字段一起正常工作，但选择框不行。

我的自定义函数的虚拟代码：

var customFunc = function customFuncF(el) {
    el.errors.push('Custom function!!!');
    return false;
};

还有一个简单的表单可以应用于文本字段：

和

<input type="text" class="validate['%customFunc']" id="User_lastName" name="User[lastName]" >

-> 它适用于文本字段。

但是当我将custom function 应用到Selectbox field 时，例如Office list 在我的简单形式中，它似乎不起作用并且总是返回true。我的选择框示例代码

<select id="User_officeId" class="validate['%customFunc']" name="User[officeId]" >
    <option selected="selected" value="">-Select Office-</option>
    <option value="1">Office A</option>
    <option value="2">Office B</option>
</select>

如何将custom function 申请到Selectbox field？

谢谢，

【问题讨论】：

您能否更具体地了解您正在使用哪个版本的 formcheck 并使用您的问题示例制作一个 jsFiddle？而且，它必须在 MooTools 1.2 上运行吗？
@Sergio formcheck 的版本是 1.6，mootools 是 1.2.1。我很快会在 jsFiddle 中发布它
你把小提琴凑齐了吗？

标签： javascript validation mootools mootools1.2

【解决方案1】：

这是由于您的验证排除了关键字“必需”而引起的。事实上，自定义函数是有效的。

但在函数'manageError'中：

manageError : function(el, method) {
    ...
    } else if ((isValid || (!el.validation.contains('required') && !el.value))) {
        this.removeError(el);
        return true;
    }
    return true;
},

由于此处没有“必需”且没有值，因此已删除推送的错误。 :(

您可以在 validate[] 中添加单词 'required' 或将第一个选项的值设置为 0 而不是空白。

【讨论】：