Question

我正在网页上工作，我有这个表单，一旦按下提交按钮就会执行脚本。我计划添加AJAX以将数据推送到PHP脚本，但是现在我甚至无法运行javascript代码块。难道我做错了什么？另外，我确实有jQuery的包含。

以下是我的代码片段。

  <!--Scripts -->
  <script src="js/jquery.min.js"></script>
  <!--Legacy jQuery support for quicksand plugin-->
  <script src="js/jquery-migrate-1.2.1.min.js"></script>

            <div class="col-md-6">
              <form id="contact-form" role="form">
                <div class="form-group">
                  <label class="sr-only" for="contact-name">Name</label>
                  <input type="text" name="name" class="form-control" id="contact-name" placeholder="Name">
                </div>
                <div class="form-group">
                  <label class="sr-only" for="contact-email">Email</label>
                  <input type="email" name="email" class="form-control" id="contact-email" placeholder="Email">
                </div>
                <div class="form-group">
                  <label class="sr-only" for="contact-message">Message</label>
                  <textarea rows="12" name="message" class="form-control" id="contact-message" placeholder="Message"></textarea>
                </div>
                <input type="submit" class="btn btn-primary" value="Send Message">
              </form>

                <!-- Function To Submit Contact Us Form-->
                <script type="text/javascript">
                $("#contact-form").submit(function(event) {
                    alert("Dammit");
                });
                </script>
            </div>

单击“提交”时，Web浏览器URL会显示表单中的字段和内容，但不会执行警报。我感谢任何先进的帮助。

Answer 1

 $("#contact-form").submit(function(event) {
      alert("Dammit");
  });

按ID查询元素时需要＃字符。您的代码目前正在查找名为contact-form

的标记

JQuery / Javascript没有以简单的HTML形式执行

1 个答案: