jquery.validate、jquery.metadata 和 html5 数据

Question

我正在考虑使用 html5 data- 属性将验证规则传递给 jquery.validate 作为权宜之计，直到插件更新为 HTML5 支持。我正在使用 jquery 1.4.2、jquery.validate 1.7 和 jquery.validate 2.1。在我的 HTML 中，我使用这样的代码：

<input name="foo" type="text" data-validate="{required:true,digits:true}" />

在我的 jQuery 中，我正在执行以下操作：

<script type="text/javascript">
$.metadata.setType ("html5");
$(function ()
{
    $('#myForm').validate ({debug:true});
});
</script>

这只会导致错误消息，validator.methods[method] 未定义

我确实在带有数据的元素上执行了metadata() -validate 属性，我得到了一个名为 validate 的对象，其中设置了我的属性，所以我知道元数据正在查找该属性并从中加载，但验证插件似乎无法处理它。如果我返回 class="{validate:{...}}" 并注释掉配置元数据以使用 HTML 5 的行，那么一切都会正常工作。

我是否做错了什么，或者验证和/或元数据插件是否存在问题？

Answer 1

如果有人使用较新版本的 jQuery、jQuery Validate 和 jQuery 元数据插件遇到此问题，我找到的将这些一起使用的所有文档都已过时。虽然 jQuery 验证插件仍然可以使用 jQuery 元数据，但较新版本的 jQuery 元数据不再支持“html5”作为类型，因为 jQuery 现在原生支持 HTML5 数据属性作为元数据源。但是，jQuery Validate 尚未更新以使用此功能。

解决方案（至少在 jQuery Validate 更新为支持使用 data- 属性对元数据的内置支持之前）是使用“attr”类型并直接指向您的 data- 属性。例如：

$.metadata.setType("attr", "data-validate");
$("form").validate();

注意，不需要传递“meta”标签，因为元数据库直接转到正确的属性来读取值。这是使用所有库的更新版本的修改后的 jsFiddle：

http://jsfiddle.net/Wcu4L/

Answer 2

尝试：

$.metadata.setType("html5");
$('#myForm').validate({
    meta: "validate"
});

http://jsfiddle.net/petersendidit/5YND2/