验证不适用于引导表单

Question

谁能帮我找出我在下面分享的小提琴中的错误。好像我做错了什么，因为验证对我不起作用。当我尝试在 chrome 中调试时出现以下错误

未捕获的类型错误：无法读取 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;
    }
});