jquery 验证库重新定位错误信息

Question

大家好，我在这里使用 jquery 验证库 http://jqueryvalidation.org/ 来验证我的 select 下拉列表这是我的脚本

    <script>
        $(document).ready(function () {

            $("#selfServiceForm").validate({

                rules: {
                    GroupBy1Value: {
                        required: true
                    }
                },

                errorPlacement: function(error, element) {
                    error.insertBefore(element.parent());
                }

            });

        });
    </script>

这都是从他们的文档中复制的。而不是在元素之前显示它。我如何在 span 元素中的 h4 标签之后显示它，以便它可以紧挨着 h4 标签

<div class="col-sm-6">
            <div class="title">
                <h4><label for="GroupBy1">Group By</label></h4>
            </div>
            <div class="content">
                <select id="GroupBy1Value" name="GroupBy1Value"><option value=""></select>
                <select id="GroupBy2Value" name="GroupBy2Value"><option value=""></select>
                <select id="GroupBy3Value" name="GroupBy3Value"><option value=""></select>
            </div>
        </div>

忽略剃刀语法。感谢大家的帮助

更新了删除的 RAZOR 语法并添加了渲染标记，还没有在 SELECT 元素中添加选项

Answer 1

how can i display it after my h4 tag within a span element so it can sit right next to the h4 tag

如果你想要span内的错误，那么你需要将the errorElement option更改为"span"。
```
errorElement: "span"
```
结合jQueryDOM遍历方法到达那里...
```
errorPlacement: function(error, element) {
    error.insertAfter(element.parent().prev('.title').find('h4'));
}
```
element.parent() - 获取 element 对象的父对象

.prev('.title') - 然后使用 class title.
获取紧邻的前一个兄弟
.find('h4') - 然后得到 h4
的后代
error.insertAfter(...) - 然后插入 error 对象 after 匹配的元素。

jquery 验证库重新定位错误信息

jquery validation library re-position error message

jquery

jquery-validate