手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何阻止表单提交

时间: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页面 点击提交按钮 会弹出窗口点击确定 你会发现页面没有提交哦

如何阻止表单提交
© 手抄报圈