<div> <h5>submit事件</h5> <p>不阻止表单跳转</p> <form id="target1" action=" <input type="text"/> <input type="submit" value="go"/> </form> <p>阻止表单跳转</p> <form id="target2" action=" <input type="text"/> <input type="submit" value="go"/> </form> </div> <script type="text/javascript"> //好像并没有阻止表单跳转 $("#target1").submit(function(e){ alert("不阻止表单跳转"); }); $("#target2").submit(function(){ alert("阻止表单跳转"); return false; }); </script>
为什么代码一样就是不submit函数没有反应?????????????函数也没执行,为什么?????
form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可
你是指点了按钮没反应吗?
1、第四行和第九行代码不完整,后面需要补>
2、补充action=""里面要跳转的页面
3、没有引入jQuery,需要添加<head></head>,并在里面引入jQuery,不然它不知道你的$什么意思