如何阻止表单提交

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

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

    如何阻止表单提交
  2.  

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

    如何阻止表单提交
  3.  

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

    如何阻止表单提交
  4.  

    JavaScript方法三:这里是另一种方法 也是经常用到 注意form提交是用input哦 刚刚是button

    input设置type="submit"后直接可以提交表单的,onsubmit通过验证函数的返回值来决定是否提交表单

    如何阻止表单提交
  5.  

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

    如何阻止表单提交
  6.  

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

    如何阻止表单提交

猜你喜欢

转载自www.cnblogs.com/zmdComeOn/p/10645416.html