使用jqueryforbootstrap进行表单验证

我想学习表单验证，试着花了几个小时，得到了下面的代码。。。当我在学习教程时

从一个期望开始：如果该字段具有有效值，则该字段应高亮显示，并应有一个勾号图标 否则，如果字段值错误，则应以红色突出显示文本框/字段，并弹出验证错误消息

但是当我尝试做同样的事情时，我只能看到表单验证的错误消息

请帮我输入这个代码

文本框的Glyphicon和高亮显示未发生

下面是我从教程中获得的JS代码

谢谢:

$document.readyfunction{

$('#contact-form').validate({
  rules: {
    name: {
      minlength: 2,
      required: true
    },

  },
  highlight: function(element) {
    $(element).closest('.control-group').removeClass('success').addClass('error');
  },
  success: function(element) {
    element
    .text('OK!').addClass('valid')
    .closest('.control-group').removeClass('error').addClass('success');
  }
});

---

})

以下是您将如何与BootStrap 3集成

$('#contact-form').validate({
    rules: {
        name: {
            minlength: 2,
            required: true
        }
    },
    errorElement: "span",
    errorClass: "help-block",
    highlight: function (element, errorClass, validClass) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function (element, errorClass, validClass) {
        $(element).closest('.form-group').removeClass('has-error');
    },
    errorPlacement: function (error, element) {
        if (element.parent('.input-group').length || element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
            error.insertAfter(element.parent());
        } else {
            error.insertAfter(element);
        }
    }
});

演示：

---

参考资料：

了解一下这一点：。我已经尝试过了，结果正如预期的那样，但许可证上说它不能用于商业应用程序之类的东西，因此我不想使用它。因为我计划在构建应用程序后发布它。哦，我不知道。。你还有别的办法吗？OP的代码是根据他的jsFiddle编写的。可能是