【问题标题】:ReferenceError: $ is not defined $("form").validate({ReferenceError: $ 未定义 $("form").validate({
【发布时间】:2016-02-18 05:47:59
【问题描述】:
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery.validate/1.11.1/jquery.validate.js" type="text/javascript"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>


<script type="text/javascript">

$("form").validate({
    showErrors: function(errorMap, errorList) {
        // Clean up any tooltips for valid elements
        $.each(this.validElements(), function (index, element) {
            var $element = $(element);
            $element.data("title", "") // Clear the title - there is no error associated anymore
                    .removeClass("error")
                    .tooltip("destroy");
        });

        // Create new tooltips for invalid elements
        $.each(errorList, function (index, error) {
            var $element = $(error.element);
            $element.tooltip("destroy") // Destroy any pre-existing tooltip so we can repopulate with new tooltip content
                    .data("title", error.message)
                    .addClass("error")
                    .tooltip({ placement: 'right'}); // Create a new tooltip based on the error messsage we just set in the title
        });
    },

});

</script>

我已经添加了这些标题。但是我得到了错误 referenceError $ not defined。我尝试了各种可能的方法。我仍然收到这个错误怎么办?

【问题讨论】:

  • 也许你的插件没有被正确加载。你可以在萤火虫中检查。如果可能,请提供您的 js 代码。
  • 您的脚本标签是否在之前出现错误的那一行?
  • 是的,脚本标签在该行之前
  • 请也添加您的 HTML,以便我们更好地提出答案。
  • 我已经添加了我的js代码

标签: jquery error-handling referenceerror


【解决方案1】:

我建议两件事,

  • 准备好添加文档
  • 在表单中添加 id 并将 $("form") 的选择器更改为 $("form#my_form")

    $("文档").ready(function() { $("form#myform").validate({
      showErrors: function(errorMap, errorList) {
        // Clean up any tooltips for valid elements
        $.each(this.validElements(), function(index, element) {
          var $element = $(element);
          $element.data("title", "") // Clear the title - there is no error associated anymore
            .removeClass("error")
            .tooltip("destroy");
        });
        // Create new tooltips for invalid elements
        $.each(errorList, function(index, error) {
          var $element = $(error.element);
          $element.tooltip("destroy") // Destroy any pre-existing tooltip so we can repopulate with new tooltip content
            .data("title", error.message)
            .addClass("error")
            .tooltip({
              placement: 'right'
            }); // Create a new tooltip based on the error messsage we just set in the title
        });
      },
    
    });
    
    });

这应该可以工作。

谢谢

【讨论】:

  • 您好,谢谢..但现在它显示错误 SyntaxError:缺少形式参数
  • @RamyaSelvaraj 你能用我刚才修改的代码吗,应该可以的。
  • @RamyaSelvaraj 新代码对你有用吗?当我检查我的本地系统时,它现在可以正常工作,没有任何警告和错误。
猜你喜欢
  • 2015-02-27
  • 2012-08-24
  • 2015-10-04
  • 2017-04-10
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多