动态表单验证

Question

有没有可能

1. 欧芹标签是在外部文件中生成的。
2. 然后将此外部文件与页面链接，以应用验证，就像CSS和JS被链接一样。

我喜欢基于属性的验证，但是我们引入了动态验证，即，验证规则将在配置文件中生成并在页面上应用，而不是硬编码。

我肯定会欢迎任何其他想法(欧芹除外)来实现动态表单验证。

Answer 1

我不太清楚您所说的“动态验证”是什么意思，因为您必须始终知道要为每个字段添加哪些属性。

但是，只要在将欧芹()应用于表单之前添加这些属性，就可以使用欧芹(或其他基于属性的验证插件)。

以这个例子(提供小提琴)为例：

<form id="myForm" method="post">
    <input type="text" id="requiredField" name="username" />
    <input type="text" id="minLength" name="otherfield" />

    <button type="submit">Submit</button>
</form>

<script>
    $(document).ready(function() {
        // this can be in another JS file. You must guarantee that this code
        // is executed before .parsley();
        $("#requiredField").attr('data-parsley-required', true);
        $("#minLength").attr('data-parsley-minlength', '6');

        $('#myForm').parsley();
    });
</script>

这些属性是通过jQuery添加的，它可以位于另一个JS文件中。在调用$("#myForm").parsley()之前，您必须确保正确设置了属性。

正如我前面所述，只要使用属性，在每个jQuery增值插件中，这都是可能的。这意味着这个方法也可以应用到这个从正绝对的jQuery验证引擎中。