首页 > 写了防止按钮重复点击,加了<form>无效,去掉<form>就有反应,不懂是啥原因

写了防止按钮重复点击,加了<form>无效,去掉<form>就有反应,不懂是啥原因

去掉红框的form标签,效果就有反应

加上form标签。就没有反应了,纳闷儿,不懂为啥?


<input />闭合掉input试试。


type="submit" 将会提交页面,页面将会刷新
type="button"


你input的type错了成了submit,所以在表单中点击会提交表单,整个页面会刷新。
<input type="button" onclick="show()" value="提交">


用submit会刷新页面,js代码执行不到。改成button,用js提交。


加了form 的执行type="submit" 表单提交,会刷新页面的,故js不执行
不加form 就会去执行 onclick="show()" 的方法


代码 写规范点。input也要闭合


写了那么多。。。为什么要用input 而不用其他的 比如 a?。。。


  1. input submit 会触发 form onsubmit 事件。
  2. onclick 事件 return false 试试。

$("form").submit(function(e){
  return false;
});
【热门文章】
【热门文章】