验证不适用于引导表格

Question

有人可以帮我找到下面分享的小提琴中的错误吗？ 似乎我做错了，因为验证对我不起作用。 当我尝试在chrome中调试时出现以下错误

未捕获的TypeError：无法读取null的属性“ nodeType”

$(document).ready(function () {
        $('#createServiceSpace').validate({
            rules: {
                serviceName: {
                    minlength: 5,
                    maxlength: 20,
                    required: true
                },
                serviceOwners: {
                    required: true,
                }
            },
            highlight: function(element) {
                $(element).closest('.control-group').addClass('has-error');
            },
            unhighlight: function(element) {
                $(element).closest('.control-group').removeClass('has-error');
            },
            errorElement: 'span',
            errorClass: 'help-block',
            errorPlacement: function(error, element) {
                if (element.parent('.controls').length) {
                    error.insertAfter(element.parent());
                } else {
                    error.insertAfter(element);
                }
            }
        });
    });

http://jsfiddle.net/98hoL701/

Answer 1

见http://jsfiddle.net/98hoL701/3/

据我所知，验证仅适用于表单，不适用于div。

另外，您尝试通过href点击进行验证，默认情况下，验证适用于输入提交。

因此，我在您的示例中添加了表单并验证了表单，也称为在href点击上进行验证：

$("#aNext").on("click", function(){
    var val = $('#myform').valid();

    if (!val)
    {
        return false;
    }
});