被覆盖的QBO3表单验证类

Question

我有一个QBO3表单，我已经向其中添加了自定义javascript以进行验证。当我使用以下命令将“validation-failed”类添加到元素中时：

set('class','Validation-Failed') 

这使得UI行为正确。但是，单击另一个字段会导致“Validation-Failed”类被替换为“Validation-Passed”。

某些事情正在覆盖特定的失败发生。

Answer 1

验证类是由用于UI的Mootools FormValidator类注入的；您是在“幕后”操纵它们，而不是使用适当的验证器。

QBO3提供了一系列内置的验证器，在qbo.Validation.js中提供了大量的详细信息。

如果我们没有提供您需要的功能，您可以很容易地定制JS来做您想做的任何事情，并将其绑定到表单验证中，如下所示：

<input type="text" class="myCustomValidator" .../>

并包含以下javascript：

Form.Validator.addAllThese([
    ['myCustomValidator', {
        errorMsg: function (element, props) {
            return 'Please make this message more useful to the end user.'
        },
        test: function (element) {
            return (element.value =- "MyExactValue");
        }
    }]
]);