form表单按钮监听之坑

form表单按钮监听之坑一：

form表单里的button类型是submit时，点击按钮，是直接把数据提交到后台。是不能用ajax来提交的，否则会出错。不然你就把form改为div，这样才能用ajax来提交数据。

form表单按钮监听之坑二：

form表单里的button不能用οnclick="XXX"，不然会跳回初始页面，又或者其他问题。只能把button换成a标签。

有问题写法如下：

<div class="layui-inline">
	<button class="layui-btn" onclick="searchByTime()">查询</button>
</div>

正确写法：

<div class="layui-inline">
	<a class="layui-btn" href="#" onclick="searchByTime()">查询</a>
</div>

这个坑是我在写根据时间段查询数据时遇到的。

情况如下：

 跳回我登录进来的初始页面：

改成正确的写法，就可以正常查询。查询完如下：