如何阻止表单提交

 时间:2024-10-17 07:28:11

阻止form表单提交的几种常见的方法

如何阻止表单提交

工具/原料

Windows系统

web开发环境

方法/步骤

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

如何阻止表单提交

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

如何阻止表单提交

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

如何阻止表单提交

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

如何阻止表单提交

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

如何阻止表单提交

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

如何阻止表单提交

胃喜暖恶寒,防胃病要谨记“八宜” 抖音推广:新手养号的六个小技巧 天津家长该如何准备孩子的幼小衔接 脸上有哪些变化说明女人老了 刘邦《王者荣耀》中它的技能都有哪些?
热门搜索
拼接图片 弟子规手抄报图片 卧室门图片 豆子粘贴画图片大全 巴戟天图片