如何阻止表单提交

 时间:2024-10-11 19:37:24

1、我们直接进入正题 这是测试的html表单代码 提交给alert.html(原来说明是否提交成功,代码就不贴了)(注意是button哦)

如何阻止表单提交

2、JavaScript方法一:通过return false; 来阻止表单的提交 代码如下图

如何阻止表单提交

3、JavaScript方法二:使用preventDefault()方法来阻止 这里ie6-ie8浏览器需要兼容一下哦 代码如下图 (运行结果和上面一样就不演示了)

如何阻止表单提交

4、JavaScript方法三:这里是另一种方法 也是经常用到 注意form提交是用input哦 刚刚是buttoninput设置type="submit"后直接可以提交表单的,onsubmit通过验证函数的返回值来决定是否提交表单

如何阻止表单提交

5、这里是一个js函数 通过函数内的if等判断语句验证字段后 返回true或false 到form的onsubmit

如何阻止表单提交

6、运行HTML页面 点击提交按钮 会弹出窗口点击确定 你会发现页面没有提交哦

如何阻止表单提交
  • 胃喜暖恶寒,防胃病要谨记“八宜”
  • 抖音推广:新手养号的六个小技巧
  • 天津家长该如何准备孩子的幼小衔接
  • 脸上有哪些变化说明女人老了
  • 刘邦《王者荣耀》中它的技能都有哪些?
  • 热门搜索
    如何转呼啦圈 武汉旅游必去景点 青春期孩子叛逆怎么办 林芝旅游包车 手机黑屏怎么刷机 如何做白酒代理 苹果手机内存怎么清理 十渡旅游 关羽是哪里人 白头发怎么变黑偏方