javascript - 一个表单上有多个 jquery 验证器

Question

我正在使用 jquery.validate 插件并面临以下情况:

<form id="myForm" ....>
    <input type="text" id="value1"/>

    <!-- Here is some code rendered from the partial -->
    <script type="text/javascript">
    $(document).ready(function() {
        var validator = $('#myForm').validate({
            rules: {
                value_from_partial: {
                    required: true
                }
            },
            messages: {
                value_from_partial: {
                    required: "Enter your firstname"
                }
            },
            submitHandler: function() {
                alert("submitted!");
            }
        });
    });
    </script>
    <input type="text" id="value_from_partial"/>
    <!-- End of code rendered from the partial -->
</form>
<script type="text/javascript">
    $(document).ready(function() {
        var validator = $('#myForm').validate({
            rules: {
                value1: {
                    required: true
                }
            },
            messages: {
                value1: {
                    required: "Enter your firstname"
                }
            },
            submitHandler: function() {
                alert("submitted!");
            }
        });
    });
</script>

在部分中添加的验证不起作用。当我从主 html 中删除 .validate 时，部分验证将起作用。看来 jquery.validate 不允许同一表单上有两个 .validate 调用。另一方面，我无法为验证器调用“添加”规则，因为我希望验证代码来自部分本身(实际上是一个插件)。有什么方法可以将我的验证逻辑与部分包含在一起，并使用 jqury.validate 而不是手动验证。还有其他验证框架可以实现这一点吗？谢谢!

Answer 1

你是对的，你不能调用 validate() 两次。嗯，可以，但是第二次这些选项就不起作用了。

两个选项:

1. 使用 HTML 而不是 JavaScript 构建规则。例如，将 required 类添加到输入，而不是添加 required 规则。验证器支持这一点。
2. 让表单的“部分”和“主要”部分构建一个选项对象，然后在单个ready中调用validate事件，传递此对象，而不是调用 validate 两次。