javascript - Mootools 表单检查 : Custom Function for Selectbox

Question

将自定义函数应用于Selectbox字段时，我遇到了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]" >

-> 它适用于文本字段。

但是当我将自定义函数应用于选择框字段时，例如我的简单表单中的Office列表，它似乎不起作用并且总是返回真。我的选择框示例代码

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

如何将自定义函数应用于选择框字段？

谢谢

Answer 1

这是由于您的验证排除了关键字“required”造成的。事实上，自定义函数是有效的。

但是在函数“manageError”中:

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

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

您可以将“required”一词添加到 validate[] 中，或者将第一个选项的值设置为 0 而不是空白。