主页 / 问题 / 1169340
Accepted
ilyas July
Asked:2020-08-23 16:29:12 +0000 UTC2020-08-23 16:29:12 +0000 UTC

从表单调用时javascript不起作用

  • 772

我正在尝试从表单中调用脚本，但未调用该脚本：

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
        alert ("jjj")
        $("#friend-form").submit(function (e) {
                e.preventDefault();
                alert "jjj"
        })
      </script>

        <form id="friend-form">
            <input type="submit" class="btn btn-primary" value="fuck Friend" />
        </form>

    </body>
</html>
javascript

3 个回答

  1. Best Answer

    奇怪的按钮名称。

    实际上。

    以前曾建议您在元素出现后移动处理程序设置。但除此之外：

    • alert 是一个函数，所以参数用圆引号传递；
    • 应该删除脚本中的额外警报；
    • 处理完事件后（如果您不打算提交表单），您需要从函数中返回值。

    最后，这就是发生的事情。

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>

  <body>
    <form id="friend-form">
      <input type="submit" class="btn btn-primary" value="f**k Friend" />
    </form>
    <script>
      $("#friend-form").submit(function(e) {
        alert ("jjj");
        e.preventDefault();
        return false;
      });
    </script>
  </body>
</html>

    • 2

  2. 线

    alert "jjj"

    语法错误。你想写

    alert("jjj");

    由于此语法错误，标记内的整个脚本将被<script>忽略。

    好吧，当事件处理程序挂在表单元素上时，它还不存在。

    • 1

  3. 可能在初始化时还没有 home 元素，使用 .on("submit", function() ，或者将脚本移动到页面末尾。或者，将所有内容包装在 $(文件).ready

    • 0

相关问题