layui中使用button导致ajax回调函数失效，button写在form表单中导致的问题

问题描述：

这是一个我两年前无意遇到过，今天又碰到的一个问题，必须记录一下。

最近自己写了一些小项目，所以前端的东西也是归我一个人做了，框架用的layui，在一个做发送验证码的功能的时候，发现点击发送验证码可以发送成功，但是成功后就是不走我的回调函数，不管我函数里面是console打印还是alert弹出，但偶尔回弹出我回调函数中的alert，但是也只是一闪而过，前端debugger断点也不进。真的是毫无头绪。

终于我想到会不会是因为button的原因，后来换成a标签再试试发现就可以了。后来终于发现是因为我把button写在了form表单里面，而button又会引起form表单自动提交，所以回调一直看不到效果，也是导致回调函数里面的alert一闪而过的原因。这个问题两年前遇到过而且印象深刻，结果两年后的今天碰到了还真就没想起来。而解决方案也很简单，给button添加属性type="button"即可，总而言之，好记性不如烂笔头。