为了账号安全,请及时绑定邮箱和手机立即绑定

为什么代码一样就是不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函数没有反应?????????????函数也没执行,为什么?????

正在回答

3 回答

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


2 回复 有任何疑惑可以回复我~
#1

慕娘6527991 提问者

谢谢!
2018-10-11 回复 有任何疑惑可以回复我~

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

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

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

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信