You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

提交表单时出现Uncaught Reference Error: $ is not defined错误求助

jQuery表单绑定提交事件报错解决方案
  • jQuery加载顺序错误/未加载(90%以上的该类报错都是该原因)
    你需要确保jQuery库的引入标签放在main.js的引入标签之前,引入示例如下:

    <!-- 先加载jQuery -->
    <script src="./你存放jQuery的路径/jquery.min.js"></script>
    <!-- 再加载你的业务代码main.js -->
    <script src="./路径/main.js"></script>
    
  • DOM未加载完成就执行代码
    可以将现有main.js的代码包裹在DOM就绪回调函数中,避免代码执行时document对象还未完成初始化:

    $(document).ready(function() {
      $(document)
      .on("submit", "form.js-register", function(event) {
          event.preventDefault();
          alert ('form was submitted'); 
          return false;
      })
    })
    // 也可以用简写写法 $(function() { 你的代码 })
    
  • 文件名与页面引用不一致
    确认你当前运行的页面是存放了表单的registration.php,同时确认页面中确实存在class="uk-form-stacked js-register"的form标签。

  • 多库$符号冲突
    如果你页面同时引入了其他使用$作为全局标识符的前端库,可以用jQuery全称替换$避免冲突:

    jQuery(document)
    .on("submit", "form.js-register", function(event) {
        event.preventDefault();
        alert ('form was submitted'); 
        return false;
    })
    

内容的提问来源于stack exchange,提问作者JayR

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.27 23:45:04