为什么代码一样就是不submit函数没有反应?????????????也不在阻止跳转

来源:3-4 jQuery表单事件之submit事件

慕娘6527991

2018-10-11 09:17

<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函数没有反应?????????????函数也没执行,为什么?????

写回答 关注

2回答

  • qq_一勺_bdkuAV
    2018-10-11 14:26:15
    已采纳
    form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为
    传统的方式是调用事件对象  e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可


    慕娘6527...

    谢谢!

    2018-10-11 14:40:38

    共 1 条回复 >

  • 金刚无敌葫芦娃
    2020-04-08 22:53:15

    你是指点了按钮没反应吗?

    1、第四行和第九行代码不完整,后面需要补>

    2、补充action=""里面要跳转的页面

    3、没有引入jQuery,需要添加<head></head>,并在里面引入jQuery,不然它不知道你的$什么意思

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89997 学习 · 625 问题

查看课程

相似问题