多语言展示
当前在线:615今日阅读:126今日分享:42

如何阻止表单提交

阻止form表单提交的几种常见的方法
工具/原料
1

Windows系统

2

web开发环境

方法/步骤
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页面 点击提交按钮 会弹出窗口点击确定 你会发现页面没有提交哦

推荐信息