个人中心
gpt4 book ai didi

jquery - 为什么 jQuery .submit 不起作用？

转载 作者：行者123 更新时间：2023-12-01 01:57:09 25 4
gpt4 key购买 nike

我尝试了近一个小时来弄清楚如何在提交表单之前执行一些验证。我的表格是这样的:

<!doctype html>
<head>
<title>sample</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">      </script>
<script>
 $("#myform").submit(function() {
   alert("it is not working");
   return false;
 });
</script>
</head>
<body>
  <form id="myform">
   <input id="foo" value="Change me and press enter"/>
   <input type="submit" />
  </form>
</body>
</html>

它在 IE、Chrome FF 中不起作用:-(我肯定做错了什么，但是什么？

编辑

工作示例:

<!doctype html>
<head>
<title>sample</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> </script>
<script>
    $(document).ready(function() {
    $("#myform").submit(function() {
        alert("Now it is def working!");
        return false;
    });
});
</script>
</head>
<body>
<div id="myform">
<form id="myform">
    <input id="foo" value="Change me and press enter"/>
    <input type="submit" />
</form>
</div>
</body>
</html>

最佳答案

将其包装在准备好的函数中:

$(function(){
   $("#myform").submit(function() {
      alert("THIS IS WORKING!!!!!!");
      return false;
   });
});

您需要将其包装在准备好的函数中，因为您的函数现在所在的位置，DOM 元素 #myForm 不存在，因此您将处理程序附加到不存在的元素。

ready 函数等待 DOM 加载，然后运行 ​​ready 函数内的所有内容。

关于jquery - 为什么 jQuery .submit 不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8013632/

25 4 0
文章推荐： jquery - $(element).outerWidth(true) 根据主题报告不同？
文章推荐： angularjs - 如何在有条件的 Angular js中隐藏按钮？
文章推荐： python - 使用 pandas 数据框计算行数
文章推荐： jquery - 动态添加类名到 Colorbox
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com