未应用自定义Verify.js验证规则

Question

我正在使用一个名为verify.js的新插件来验证表单字段，在我开始尝试创建自己的自定义验证规则之前，所有的工作都很顺利。

这里是他们文档的链接，其中解释了如何创建自定义验证:http://verifyjs.com/#custom-rules

更有帮助的是插件作者发布在JSfiddle上的这个示例:http://jsfidle.net/jpillora/r4t84/1/I几乎精确地复制了这里的html" target="_blank">代码格式，但它仍然不起作用。

现在，如果用户没有选择输入字段#yesexact，我正在尝试使表单不提交。这是一个非常简单的表单验证，只是试图使其工作，因此我掌握了使用verify.js编写自定义验证规则的诀窍

表单字段的HTML标记如下所示：

p class="regular-content option-label">Do you know the exact size of your order?</p>
    <input name="YesExact" id="YesExact" data-validate="checkExact" type="button" class="btn btn-tca padding-button" value="Yes">

我编写的具有自定义验证规则的javascript是这样编写的：

// custom form validation
$.verify.addRules({
    checkExact: function (r) {
        if ($('#YesExact').val() === "") {
            $('#YesExact').notify("Please tell us you know the exact amount!", "error");
            return "Please tell us you know the exact amount!" false;
        }
        return true;
    }
});

这看起来应该完全起作用，我非常密切地遵循了这个例子。不过，我有一条重要的线索，为什么它不起作用...javascript控制台显示：

verify.js:缺少规则：CheckExact

那我该怎么解决呢？Verify.js可以在哪里找到规则？

网页在这里，如果你想去查看它自己。

事先谢谢你的帮助。

Answer 1

在以下位置出现语法错误：

return "Please tell us you know the exact amount!" false;

更改为返回false；

您还应该确保只在单击时设置它的值，以及“no”按钮，然后检查是否设置了任何一个，否则您的验证将始终返回true。不过，在我看来，更好的方法是让它们的点击触发隐藏字段的设置为true或false，您可以很容易地将其作为布尔服务器端拉出。