form表单里点查询按钮要两次才能跳转

   实习第三天，更改一个查询按钮的bug。

    点击第一次只会跳转本网页，需要在点击一次才能跳转到原本想跳转的网页。

    对着点击事件和js跳转代码坐了半天没发现问题， 经过对旁边同事的询问才知道是form 的自动提交问题，之前都没有了解过form表单还有这个东西。

 

1.form表单会自动提交的几种情况

1）表单里有一个type="submit"的按钮，回车键生效

2）表单里只有一个type="text"的input，回车键生效。

3）只要页面中的某个表单中仅有一个文本输入框，则其页面就具有自动提交的特性了。 ­

2.form表单自动提交的请求

如果form表单没有设置action属性，自动提交的请求是当前页面地址，即页面会自动刷新

3.解决方法

1）只要在from 中加上 onSubmit="return false;"

2）button的type="submit"改为type="button"