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

Question

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

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

Answer 1

<input />闭合掉input试试。

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

Answer 8

$("form").submit(function(e){
  return false;
});

Answer 9

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