问答详情
源自:3-4 jQuery表单事件之submit事件

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

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

提问者:慕娘6527991 2018-10-11 09:17

个回答

  • qq_一勺_bdkuAV
    2018-10-11 14:26:15
    已采纳

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


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

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

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

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

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