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