Form表单使用onsubmit但return false后仍然提交?

我们可能会是如下使用onsubmit

<form action="" method="post" class="form-horizontal" onsubmit="checkUserProduct()">

我们试图在checkUserProduct()中return false来阻止表单的提交。实际上的效果是即使return false ,表单还是会提交。但是如果改成 οnsubmit=”return checkUserProduct()”就没有问题了。
原来onsubmit属性就像是这个html对象的一个方法名,其值(字符串)就是其方法体,默认返回true;如果你没有改变他的返回值,那么他将默认返回true。

类似java里面如下二图

onsubmit()方法调用checkUserProduct()方法,虽然checkUserProduct()方法return false,但是onsubmit()不受影响,本身还是返回默认值。我们只执行了checkUserProduct()方法,没有对onsubmit()结果进行任何处理。
在这里插入图片描述

修改后

在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值